score:2
Accepted answer
1 - to add the border use highcharts. svgrenderer
:
chart: {
type: 'variablepie',
events: {
load: function() {
this.renderer.circle(
this.chartwidth / 2,
this.plotheight / 2 + this.plottop,
this.plotheight / 2
).attr({
fill: 'rgba(0,0,0,0)',
stroke: 'green',
'stroke-width': 2
}).add()
}
}
}
api: https://api.highcharts.com/class-reference/highcharts.svgrenderer#circle
2 - to change the colors of points set the colors
array:
colors: ['#4286f4', '#19e597', '#e84a4a', '#bbd827', '#27cfd8', '#d827cf', '#3a1c0f'],
api: https://api.highcharts.com/highcharts/colors
3 - to change text size in the legend set fontsize
in itemstyle
:
legend: {
itemstyle: {
fontsize: 16
}
}
api: https://api.highcharts.com/highcharts/legend.itemstyle
live demo: https://jsfiddle.net/blacklabel/dlv2e0hq/
Source: stackoverflow.com
Related Query
- Need to put border on variablepie highchart?
- How to run Chart.js samples using source code
- How to put rounded corners on a Chart.js Bar chart
- ChartJS – How to show border on empty pie chart?
- Chart.js - Line charts with different colors for each border lines
- Border radius for the bar chart in ChartJS
- Where put "multiTooltipTemplate" in Chart.js v2.x
- Chart.js Error: You may need an appropriate loader to handle this file type
- Put sum of values in center of doughnut chart?
- React + Chart.js 2.0: How to put a label inside of a doughnut chart?
- How to customize border style on Chart.js
- How to get rid of the white square outline or border in the tooltip for chartjs?
- Change border color on legend in Chart.js
- How put dataset labels into multiTooltipTemplate?
- How do I put this on Real-Time? I already put (async: True) but it doesnt work
- Remove Angularjs-Chart border and reduce chart arc thickness
- Chart.js remove border from x/y Axis
- Border behind grid line
- Removing ChartJS 2 border and shadow from point style legend
- How to add ChartJS code in Html2Pdf to view image
- How to remove border from stacked column chart in Chartkick - Chart.js
- Charts.js - Need to remove the data value from the Tooltip
- Chartjs: Need help on drawing a vertical line when hovering cursor
- Need help in figuring out config for a custom tooltip (chartjs)
- How do I add time sourced from an external source as an X axis to a ChartJS graph?
- How can I put sign (%) on data in ChartJS?
- How to use segment property to color line / border color based on value in chart js?
- How to put indicator between yAxis values on yAxis chartJs?
- code works fine on jsfiddle but one function is not working on website
- how to put a y-axis and x-axis label while using html and chartjs
More Query from same tag
- Getting chart.js to work with Django and Apache
- How to update Chartjs chart (react-chartjs-2) with dynamic data?
- Inverting X axis number labels in chart.js scatter chart
- Angular 2 Chart.js and NG2-Charts Not Binding Data Objects After Updates To Project
- Chart.plugins.register beforeDraw does not work when using ChartsJS 3.x
- Chartjs - first x-axis tick is not displayed
- Horizontal Stacked Bar with Gaps
- chart.js add second line in a Line chart that starts from end of first line
- ChartJS Bar Graph Gap
- react-chartjs-2 fill property not working?
- drawImage not working on canvas
- Remove blank space in chart.js chart
- Uncaught ReferenceError : require is not defined - Chart.js
- Chartjs treemap example
- How to inject “Chart.js” to my module?
- Chart js, pie chart remove borderradius
- Charts in wicket
- Chart.js bar chart change the label position X-axis
- Angular-Chart not rendering anything
- change legend item style when dataset is hidden
- chart.data.datasets.push() also adds datasets to other charts in array
- Update a chart dynamically with socket.io in real time
- How to add tooltips to chart.js graph
- js error: while trying to display graph using chart.js: Uncaught TypeError: Cannot read property 'call' of undefined
- How can I create a horizontal scrolling Chart.js line chart with a locked y axis?
- how to fix this error Array to string conversion in laravel and chartjs?
- Configuring locale with bundled (CDN) chartjs-adapter-date-fns.bundle.min.js?
- How to make data appear on the rightmost edge of line graph Chart.js
- Chart.js - Tooltips overlapped by bar values
- How to wrap legend text in Chartjs?