Chart Js Multi Line Label

Chart Js Multi Line Label. chartjs line chart multiple labels const myChart = new Chart (ctx { type ‘doughnut’ dat a { dataset s [ { dat a [ 1 2 3 4 5 ] backgroundColor [ ‘green’ ‘yellow’ ‘red’ ‘purple’ ‘blue’ ] label s [ ‘green’ ‘yellow’ ‘red’ ‘purple’ ‘blue’ ] } { dat a [ 6 7 8 ] backgroundColor [ ‘black’ ‘grey’ ‘lightgrey’ ] label s [ ‘black’ ‘grey’ ‘lightgrey’ ] }] } //.

To create a chart with multiple lines we can just create a line chart that display multiple data sets To do that we first start with including the Chartjs library Also we add the momentjs library for formatting dates and a canvas element for Chartjs to render the chart in We do that by writing.

Chart.js line chart multiple labels code example

Multi Axis Line Chart const DATA_COUNT = 7 const NUMBER_CFG = { count DATA_COUNT min 100 max 100 } const labels = Utils months ( { count 7 }) const data = { labels labels datasets [ { label ‘Dataset 1’ data Utils numbers ( NUMBER_CFG) borderColor Utils CHART_COLORS red backgroundColor Utils transparentize ( Utils.