score:2
Accepted answer
You can use
customizePoint
callback.
$("#container").dxChart({
dataSource: dataSource,
...
customizePoint: function() {
if(this.value > highAverage) {
return { color: '#ff4500', hoverStyle: { color: '#ff4500' } };
} else if(this.value < lowAverage) {
return { color: '#00ced1', hoverStyle: { color: '#00ced1' } };
}
},
....
}
});
You can find find documentation and demo
Source: stackoverflow.com
Related Query
- Changing color of specific chartjs point
- Changing color of specific ChartJS - AngularChartJS point
- ChartJS - Different color per data point
- Change point size and color on hover in chartjs
- Change point color on click using ChartJS
- Chartjs change the specific label color in x axis in callback function
- Chartjs Radar - Change color of end point labels
- How to add background color between two specific lines in Chartjs 3.1
- Change background point color at runtime for angular ng2-charts / chartjs
- Chartjs Radar chart - How to dynamically highlight one of the gridlines at a specific point
- ChartJS color specific Grid Lines
- Changing line color below specific value in Chart.js
- Chartjs 2.x - Dataset color changing when redrawing chart
- How to set specific height for chartJs background color in terms of yAxis value
- ChartJS legend background color while using point styles
- Different color for each bar in a bar chart; ChartJS
- ChartJS Line Charts - remove color underneath lines
- Chartjs change grid line color
- Chart area background color chartjs
- how to change size of point in ChartJS
- How to disable a tooltip for a specific dataset in ChartJS
- ChartJs 2.0 How do I obtain point information being clicked upon?
- Changing fontFamily on ChartJS bar chart
- chart.js scatter chart - displaying label specific to point in tooltip
- Chartjs hide data point labels
- chartjs datalabels change font and color of text displaying inside pie chart
- Chartjs linechart with only one point - how to center
- chartjs show dot point on hover over line chart
- Chart.js Line, different fill color for negative point
- Changing style of individual point Chart.js
More Query from same tag
- Vuejs with ChartJS populate from API
- ChartJS - Y Axis line not drawing
- Plotting Dashed Vertical and Horizontal lines on line graph for single point
- Change labels colors for radar chart js
- dynamically fill a json variable
- Draw horizontal lines in Chart.js 2.0
- Pie chart is not getting rendered in ChartJS
- Adjusting the font size and family of extra fillText labels in ChartJS
- Chartjs doughnut chart for conditional data
- React COREUI CChart problem not rendering
- How to check if HTML5 canvas element contains something in given coordinate region using javascript
- how I can get label name when user click on particular area in doughnut chart.js? I am not able to find the index of selected area for chart.js
- How to make a Chart.js Bar chart stay in its place
- React - Display Chart when button is clicked
- How can I display the xAxes and yAxes data in the tooltip, Chart JS?
- Learning Chartjs .destroy()
- Update chart in Chart js
- How to change orientation of the main y-axis label in charts.js?
- 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
- chart.js 2.7.1 | Updating charts with variables
- How to always show a label in ChartJS in React
- Chart.js 3.5: linear gradient doesn't apply properly when multiple bars in the same chart
- Chart.js x axis date-time formatting fails
- How to keep rounded bar corners when data is filtered chartJs?
- Howto draw horizontalBar with dynamic thickness (automatic rescale on browser window height resize) in Chart.js 2.9.3?
- Chart.JS: How can I only display data labels when the bar width is big enough for the text?
- Chart.js v2, remove padding/margin from radar chart
- Add \n or line break on chart.js (pie chart) labels
- ChartJs - displaying data dynamically from back-end
- Chart.js: Don't stretch axes beyond chart