score:0
i was able to solve my issue with the chart-dataset-override attribute. i updated the color setting for the array. in the example below i just overwrote the colors with red.
i plan to for loop through the array and set the values per the condition being true.
techid.datasetoverride = [
{
fill: true,
backgroundcolor: [
"#d7d7d7",
"#d7d7d7",
"#d7d7d7",
"#d7d7d7",
"#d7d7d7",
"#d7d7d7",
"#d7d7d7"
]
},
{
fill: true,
backgroundcolor: [
"#0169b4",
"#0169b4",
"#0169b4",
"#0169b4",
"red",
"#0169b4",
"red"
],
hoverbackgroundcolor: [
"#0169b4",
"#0169b4",
"#0169b4",
"#0169b4",
"red",
"#0169b4",
"red"
],
bordercolor: [
"#0169b4",
"#0169b4",
"#0169b4",
"#0169b4",
"red",
"#0169b4",
"red"
],
hoverbordercolor: [
"#0169b4",
"#0169b4",
"#0169b4",
"#0169b4",
"red",
"#0169b4",
"red"
]
}];
Source: stackoverflow.com
Related Query
- How to change bar color on a angular-chart and chart js bar graph with multiple datasets?
- How to create rounded bar graph with Angular 7 and Chartjs (v2)
- how to create bar chart with group and sam color for each group using chart.js?
- Create a rounded bar graph with Angular and chartJS
- How to set single color on each bar in angular chart js
- how to change color of bar if its goes above avg score in mixed graph chart.js
- Angular 2: How to pass my API data to graph and Display the Graph with data
- How to draw multiple color bar in a bar chart using chart.js
- how to display multiple sum with chart js and laravel?
- How to change the color of the bar in barchart if the data is negative - Angular Charts
- How can I reduce the spacing between my legend and chart proper in my Chart.JS bar chart, and increase it in the graph area?
- How to draw multiple color bars in a bar chart along a Horizontal Line using chart.js
- how to write labels along with data on top and bottom of each stack in bar chart
- How to show symbols after the label and before the numeric value using chart.js Bar chart in Angular
- How to know which bar is clicked on chart.js bar chart with multiple data?
- How to change label color of ng2 chart in angular
- How can i get the Chart JS Bar Graph Bar Label and Value on click?
- Change Vertical Line and Color bar chart in bar chart.js
- Chartjs 2 - Stacked bar and unstacked line on same chart with same y axis
- chartjs datalabels change font and color of text displaying inside pie chart
- How to add second Y-axis for Bar and Line chart in Chart.js?
- Chart.js Mixed Bar and Line chart with different scales
- How do I draw a vertical line on a horizontal bar chart with ChartJS?
- Chart.js bar chart : Grid color and hide label
- Problem for display a chart with Chart.js and Angular
- How to display inline values in a stacked bar chart with Chart.js?
- Chart.js - Draw bar chart with multiple labels
- How to change the color of legend in chartjs and be able to add one more legend?
- angular-chart.js bar chart with 100% opacity color
- How to hide the y axis and x axis line and label in my bar chart for chart.js
More Query from same tag
- Show ChartJS Stacked bar on another bar for Target vs Sales analysis
- Chartjs background color multiple Dataset
- How to display stack label/name?
- Correct config location of chartjs-plugin-annotation with ng2-charts?
- Why wont the json_encoded data show
- PrimeNg bar chart how to show a label for the y-axis
- chart.js: Show labels outside pie chart
- Modifying the X-Axis Labels of a Bar chart in Chart.js 2
- how to make realtime update chart like in package express-status-monitor?
- How to show/hide animation when legend clicked chart js
- TypeError: CanvasRenderService is not a constructor
- Chart.js - How to create an auto-scaling line diagram for a big amount of data happenning over time
- Chart.js multicolored fill sections
- How to add custom tooltips to only one label in Chart.js?
- Chart.js, set a max value
- Chartjs drill down issue with multiple Y-Axis Bar/Line graph
- Change tooltips title at chart.js?
- How to plot object to charts.js
- Vue ChartKick - different colours for bar chart
- How to display that data was unavaible during some time in a Chart.js (or any other library's) timeline graph
- Chartjs charts drawing with the same colour after update
- Adding additional data to chart
- pie chart in php with mysql data using chart.js
- Script error : "Uncaught SyntaxError: Unexpected identifier"
- How to use ChartJS object in a click event handler?
- Chart js bar with the highest value is a different color among the rest - React
- How to set vue3-chartjs fixed height?
- Using chart js version 3, how to add custom data to external tooltip?
- how to display name on multi series pie chart in chartjs
- How to grouping Label In Char JS