Charts Js

Documentation

---

You can pass plugin options using following data attributes. Please make sure to use valid json code.

Plugin DocsJSON Formatter

data-chart	Type of chart for example: line , bar, spark
data-dataset	Array or Arrays of Values
data-labels	Array or Arrays of Labels
data-dataset-options	Chart options data sets

Code Example

---

<div class="height-300">   <canvas      data-chart="line"      data-dataset="[[0,528,228,728,528,1628,0]]"      data-labels="['Blue','Yellow','Green','Purple','Orange','Red','Indigo']"      data-dataset-options="[{ label:'Sales', borderColor:  'rgba(255,99,132,1)', backgroundColor: 'rgba(255, 99, 132, 0.2)'}]">   </canvas></div>

Code Example

---

<div class="height-300">   <canvas      data-chart="pie"      data-dataset="[      [75, 50],      [25, 50],      ]"      data-labels="[['Disk'],['Database']]"      data-dataset-options="[      {      label: 'Disk',      backgroundColor: [      'rgba(255, 99, 132, 0.2)',      'rgba(54, 162, 235, 0.2)',      ],      },      {      label: 'Database',      backgroundColor: [      'rgba(255, 206, 86, 0.2)',      'rgba(75, 192, 192, 0.2)',      ],      },      ]"      >   </canvas></div>