score:19
Accepted answer
fillColor uses rgba. a = alpha. you can set alpha value to 0. such as
fillColor: "rgba(220,220,220,0)"
this should give it a transparent fill color and still display the border colors assuming you have them not transparent.
score:2
I know its very late, but we can achieve empty bar chart with only the border visible by setting the property : fill:false
Hope it helps someone :)
Source: stackoverflow.com
Related Query
- chart.js barchart without set fill color
- angular chart js set fill color of bar chart
- How set color family to pie chart in chart.js
- Chart.js line chart set background color
- Can I set different fill color based on a given threshold in Chart.js?
- set background color to save canvas chart
- how to set chart.js grid color for line chart
- How to set single color on each bar in angular chart js
- How to add area with break on line chart with fill color
- How to use set the color for each bar in a bar chart using chartjs?
- Chart Js - Globally set bar chart color based on value
- Is it possible to set the background color of a sector in a radar chart in Chart.js?
- The colors of the bar chart in chart.js is not showing. I tried background color and fill color but none of it worked
- ng2-charts / chart.js - How to set doughnut/pie chart color on specific labels programatically?
- How to set a responsive chart.js chart to not fill screen?
- ChartJS set color of Line chart points depending on Y Axis
- Set height of chart in Chart.js
- In Chart.js set chart title, name of x axis and y axis?
- Chart.js - How to set a line chart dataset as disabled on load
- chart js 2 how to set bar width
- Chart area background color chartjs
- Set minimum step size in chart js
- chartjs : how to set custom scale in bar chart
- chartjs datalabels change font and color of text displaying inside pie chart
- How to save Chart JS charts as image without black background using blobs and filesaver?
- Chart JS Fill Between two lines
- Chart.js Line, different fill color for negative point
- chart js how to fill legend box with colour
- Chart.js bar chart : Grid color and hide label
- Chart JS - set start of week for x axis time series
More Query from same tag
- [MIXED CHART.JS]animation option screws up chart.js
- Chart.js - How to set animation speed?
- Angular js pie chart styling
- How to change position of label of y-axes in chartjs?
- How to remove header square from chart.js?
- (Chart.js 3.7.0) change position of x-axis ticks to alternate between each tick?
- How to make bars change color based on value in chartsjs
- Chart js not showing negative y axis
- How to plot a line chart in ChartJS?
- Rendering a chart.js component twice in a page
- Chartjs updating point titles
- Range at the end of the line chart
- Chart.js - cannot read property
- How to display data from top to bottom in stacked bar-chart QuickChart?
- Displaying a chart using Chart.js
- how to change chart JS title text on change input field?
- How to import a doughnut Chart using Chart JS for Blazor?
- Chart.js Line-Chart with different Labels for each Dataset
- How to update data from ajax call (chart.js)
- unable to add background color to the canvas using jspdf and chartjs
- Chart.js dataset options externally with functionality
- ChartJs - set x-axis ticks at specified/fixed intervals
- Chart.js how to use scriptable options
- Setting ChartJS plugin on vue-chartjs not working
- Chart tooltip should show the consolidated information of a single bar in double bar chart
- Chartjs linechart with only one point - how to center
- Chart.js animation triggered only on hover?
- Chart.js - Tooltips overlapped by bar values
- Chartjs different row background colors according to Y axis values
- Chart.js (v3) Doughnut with rounded edges, but not everywhere
