score:3
Accepted answer
it looks to me like you're not setting properly the pointcolor property on your datasets.
for each of your datasets, just set pointcolor to the same value as strokecolor.
something like, in the first dataset :
strokecolor: "rgba(1,220,1,1)",
pointcolor: "rgba(1,220,1,1)",
and in the second dataset :
strokecolor: "rgba(220,1,1,1)",
pointcolor: "rgba(220,1,1,1)",
and so on...
here's a jsfiddle to illustrate the point : http://jsfiddle.net/rdtome/aa2j9rut/.
Source: stackoverflow.com
Related Query
- ChartJS New Lines '\n' in X axis Labels or Displaying More Information Around Chart or Tooltip with ChartJS V2
- ChartJS: Show all labels of a mixed chart in the tooltip
- Chart.js: colouring tooltip labels
- ChartJS (React) Line Chart - How to show single tooltip with data and labels from 3 (multiple) dataset?
- Chart.js – Line Chart Tooltip Labels
- Limit labels number on Chart.js line chart
- Chart.js Show labels on Pie chart
- chart.js: Show labels outside pie chart
- Chart JS custom tooltip option?
- Chart.js how to show cursor pointer for labels & legends in line chart
- Chart JS data labels getting cut
- chart.js scatter chart - displaying label specific to point in tooltip
- How to display Line Chart dataset point labels with Chart.js?
- show label in tooltip but not in x axis for chartjs line chart
- Chart.js doughnut chart tooltip size?
- ChartJS add tooltip to a grouped bar chart
- Chart JS Show HTML in Tooltip
- Making the labels responsive in chart js
- chart js tooltip how to control the data that show
- Chart.js - Draw bar chart with multiple labels
- Chart js v2 tooltip callback line breaks
- Chart JS grouped sub labels
- Display a limited number of labels only on X-Axis of Line Chart using Chart.js
- How to disable Chart JS tooltip when there is no value?
- Chart.js tooltip hover customization for mixed chart
- Add all data in the tooltip of Chart JS
- Changing x axis labels in Chart.js line chart
- How to display data labels outside in pie chart with lines in ionic
- Line chart with large number of labels on X axis
- Center point labels between ticks (Polar Area Chart JS)
More Query from same tag
- Hide labels from pie chart in chartjs
- Load data from a JSON object into an array
- How can I hide legend text if it's zero?
- Chartjs - Doughnut chart with multi layer and running value
- Call ChartJS details in main Javascript file
- Angular .subscribe executes at the end after the ngOnInit
- How to push an array into an Object which is inside of another array?
- set my chart min yaxis to 0
- Mixed Diagram (Line/Bar) with two y-Axis won't display data on 2nd Axis
- Searchable label text Chartjs
- Chartjs + moment() not displaying on django
- SQL format DATETIME to count months
- How to create dynamically chart for Ionic App with Firebase data?
- Stepped Line with angular-chart.js
- Chart.js: bad alignment of label during ajax update
- How can I add user inputted values to my chart.js line graph?
- how to set a custom tick format in chartjs options from laravel controller?
- Add \n or line break on chart.js (pie chart) labels
- chartjs maintain points position, put image alongside with label
- Display JSON data in chartjs
- Chartjs Bar Chart Y Axis set base starting value to not be 0
- How to install Chart.js without a library?
- Testing Chart.js with Jest/Enzyme - Failed to create chart: can't acquire context from the given item
- Drawing line chart in chart.js with json response
- How can I control the placement of my Chart.JS pie chart's legend, as well as its appearance?
- How do I add an image in the middle of Donut Chart?(Chart.js)
- Need help in figuring out config for a custom tooltip (chartjs)
- Dynamically created linechart holds previous data value
- cannot read property 'yyyx' of undefined
- Chart JS ShowChart()bar" is not a chart type error