You will have to use two datasets.
Then for the second dataset, you can do something like this:
borderColor: [null, #fff]
On the third dataset, you would add two
null's and etc.
- Chart.js - Line charts with different colors for each border lines
- chart.js Line chart with different background colors for each section
- Chartjs random colors for each part of pie chart with data dynamically from database
- ChartJS/High Charts Radar chart - Different radial axis labels for each category that appear on hover
- Angular-Chart-JS - Line chart with different fill colors according to points' range
- different colors for bar chart with chart.js
- Chart js - Line chart cuts border for lines in boundaries
- Chart Js Change Label orientation on x-Axis for Line Charts
- Chart.js Line-Chart with different Labels for each Dataset
- Chart.js Mixed Bar and Line chart with different scales
- Different color for each column in angular-chartjs bar chart
- Can I specify a different font size for each row of text in Chart Title?
- ChartJS - Line Chart with different size datasets
- chart js - Apply different color for each x-axes label
- Add a text as tooltip for each point on a line chart
- Angular-chart / line chart with multiple horizontal lines (margins)
- ChartJS 2 lines each with different fill gradients
- change space between horizontal (grid) lines for line chart
- chart.JS i want to put different color for each Y axis value grid line color
- Charts.js - Bar chart different colors for value intervals not working
- How to set X coordinate for each bar with react chart js 2?
- Issue with chartjs linear gradient for the mixed bar chart in ReactJS is not calculated for each individual Bars
- angular-chart.js : issue with pointHoverBorderColor property for line chart
- How do I get a different label for each bar in a bar chart in ChartJS?
- How we can set our own colors for each label in charts
- With Chart js, I am trying to color every 7th vertical (x axis) grid line (representing each week beginning visually)
- Charts JS: Doughnut chart and hiding tooltip for specific data index within each dataset
- chartjs display data in one bar line with 3 different data sets in 3 different colors
- 2 Line Chart with different labels | Chart.js
- Chart.js line chart looking as area chart with smooth lines but not sharp
More Query from same tag
- ChartJs works with sharepoint 2016 but not sharepoint 2013
- How to control visibility of canvas image via button outside the canvas(ChartJs)?
- ChartJS - Horizontal Stacked Bar Chart Tooltip being cut off by Bottom of Canvas
- Chart.js - Font only renders after you reload the canvas
- How to create stacked bar chart using react-chartjs-2?
- How can I make small grid lines above ChartJS labels?
- Angular Chart.js Bar Chart
- (scaled) y value for given x value
- Chart to update from a drop down selection
- How to add left padding for my charts done in ChartJs and my Google Map so it is not glued to the limit of the page on the left
- Click event of stacked line chart not working
- How to align labels at same side chartjs React
- Problem extending data series in Chart.js
- 'filter' function for chart.js legend labels never being called
- Problem with changing string to date with time
- Chartjs - make line start at ... but maintain x-axis data
- how to set color for each datapoint in chartjs-chart-treemap
- Chart.js - Setting max Y axis value and keeping steps correct
- Angular CharJS option tooltip label did not work
- ng2-charts - bar chart, showing only one color
- ChartJS Tooltip Customization
- How to display Labels on Doughnut chart in Chart.js
- Date selection not happening with a click in chartjs in the context of vuejs
- How populate chart.js with sql data?
- Chart js multiple pie chart on one page
- setting QuickCharts color
- How can I make line on chart thinner?
- How can I create a vertical scrolling in Chart.js for line chart?
- Changing style of individual point Chart.js
- (MVC) Is this an efficient way of displaying chart data by date?