score:3
Accepted answer
It is probably more correct to create a proper extension to Highcharts, but it's possible if you add wide borders to the gauge elements and tweak the SVG like this:
var svg;
svg = document.getElementsByTagName('svg');
if (svg.length > 0) {
var path = svg[0].getElementsByTagName('path');
if (path.length > 1) {
// First path is gauge background
path[0].setAttributeNS(null, 'stroke-linejoin', 'round');
// Second path is gauge value
path[1].setAttributeNS(null, 'stroke-linejoin', 'round');
}
}
score:0
There is a borderRadius
option in the API which exactly does what you want. Unfortunately this option is only for columns, tooltips, legends but not for solidgauge
. Here's the nearest thing I could get: http://jsfiddle.net/ao9fv2yh/1/
Source: stackoverflow.com
Related Query
- Rounded edges Gauge with Highcharts.js
- How do I use an Highcharts Solid Gauge in angular 6 with typescript?
- Highcharts - Global configuration with common code and unique data & Headings
- Show more data on Gauge chart with Highcharts
- Highcharts Solid Gauge with min number NOT zero
- Gauge Series of Highcharts with React not the Solid Gauge but Gauge Series
- Highcharts Gauge Chart with text labels
- Custom Marker (Rectangle with rounded corner) for highcharts scatter graph
- Gauge highcharts is not resize with ionic 2
- HighCharts :(Solid Gauge) How to generate gauge dial with an arrow end.
- highcharts Gauge live data with ajax
- Combining Highcharts Gauge with Area Chart
- passing formatting JavaScript code to HighCharts with JSON
- Highcharts solid gauge with tick mark over the bar
- Highcharts solid gauge with multiple series
- How to create a solid gauge chart with Highcharts in angular 6?
- Highcharts spiderweb with columns without rounded edge
- Highcharts multiple axis gauge with 2 dials with different radii
- highcharts download/export image with rounded borders
- Implementing Custom Temperature Gauge with Angular 4 and HighCharts
- Highcharts series visibility with csv data source
- HighCharts activity gauge populated with series data from a function
- highcharts gauge use with negative values
- How to have multiple highcharts with different series data in vuejs without repeating code
- Not able to animate solid gauge chart with Angular Highcharts
- Trouble importing Highcharts Gauge with NPM/Webpack
- Why code of Horizonal line(y-axis) on a single in Highcharts get applied to all other charts integrated with Webdatarocks
- Angular 9 Highcharts - when using series of type pie with type gauge the innerSize of pie is not working
- Highcharts cloud issue with data source when duplicating chart
- highcharts - Solid Gauge with plot lines
More Query from same tag
- Highcharts: How to shrink bubble radius on legend item hover?
- Highcharts - Java exporting server in GWT app
- Highcharts datalabel formatter for export server
- Changing tooltip shape for a series in Highcharts
- High chart - localization of numbers
- Need tooltip in customization
- Highcharts Highstock How to Plot OHLC and Line Charts from One Set of Embedded CSV Data Using Series Map Tools?
- Remove flag legend in Highcharter graph
- How to add white space in the line chart plot points?
- ReferenceError: Can't find variable: modules
- How to show datalable on last value of arearange series
- Highcharts Pie Chart ignores percentageDecimals tooltip setting and has floating point inaccuracy issue
- how to have datalabels only on selected points
- how to get categories values and spacing in label in highcharts
- Reload highchart when expanded
- Highcharts.js DateTime on x axis coming from JSON only displays number
- Highmaps - Printing resizes the map on Chrome
- How to remove a gap in high charts graph with two yAxis
- Angular Highcharts Radial Bar Chart not working as expected
- Highchart multiply data in tooltip
- show two different series with different start intervals with the same xAxis highcharts
- Highcharts | How to avoid Pie charts inside labels overlap
- Displaying a Highchart Line Chart in Mapbox Marker Pop-up
- Fomatting labels on Y-axis in Highcharts with Data from HTML table
- HighCharts/Highstock: How to programmatically draw the mouse line
- 3D Pie Chart using Highcharter
- Setting a custom variable in Highcharts
- Cannot plot scatter and columnrange graph with multiple y-axis
- Drill Down Maps In R + Shiny
- Highcharts and NPM/Node