score:34
Accepted answer
You can use innerRadius on yAxis.
plotOptions: {
solidgauge: {
innerRadius: '75%',
dataLabels: {
y: -45,
borderWidth: 0,
useHTML: true
}
}
},
score:-1
Try below code
EDITED
i have changed innerradius
and outerradius
background: {
backgroundColor: '#fff',
innerRadius: '60%',
outerRadius: '100%',
shape: 'arc',
borderColor: 'transparent'
}
create chart with innerRadius
same as outerRadius
outerRadius
is the background radius on which chart will shown and innerRadius
is chart radius.
Demo Edited Fiddle
Source: stackoverflow.com
Related Query
- Highcharts Solid Gauge Width
- getting error#17 from highcharts while using solid gauge from backbone rails
- HIghcharts 4 solid gauge max value
- Highcharts - Color coded legend for solid gauge
- How do I use an Highcharts Solid Gauge in angular 6 with typescript?
- Highcharts Solid Gauge with min number NOT zero
- Gauge Series of Highcharts with React not the Solid Gauge but Gauge Series
- Highcharts Solid Gauge only want to show 1 data label
- HighCharts Solid Gauge Chart not displaying ticks
- How to embed solid Gauge using highcharts inside a div of a specific size
- Highcharts Solid Gauge Dynamic Update Using JSON
- Format data for highcharts solid gauge graph
- Highcharts solid gauge with tick mark over the bar
- Highcharts Solid Gauge Legend Symbol
- Highcharts - Solid Gauge - Inconsistent Styling and Improper Values
- Highcharts Solid Gauge (Thermometer) ... Color from -30 to +60
- Highcharts solid gauge with multiple series
- How to create a solid gauge chart with Highcharts in angular 6?
- How can I style my highcharts solid gauge to have a background behind the percentage?
- Highcharts solid gauge, show colors of previous stops in gauge
- Highcharts solid gauge dynamic update
- HighCharts - Permanent tooltip on solid gauge
- Highcharts solid gauge stacked values
- Highcharts Solid Gauge width?
- Not able to animate solid gauge chart with Angular Highcharts
- Highcharts solid gauge not coloured entirely
- How to make Tick lines around Solid Gauge in Highcharts
- highcharts - Solid Gauge with plot lines
- gow to get Highcharts solid Gauge data from a JS variable?
- Highcharts Error while loading solid gauge module
More Query from same tag
- Highcharts causing IE to run slowly
- how to add dynamic data in a highchart?
- Drawing radar charts using Highcharts in Angular2
- Highcharts linearGradient fill with fixed upper bound
- Highcharts polar label textoverflow
- Highchart, dynamically change the chart type
- Line Chart using array
- HighCharts show datetime format on xAxis
- Highlight a line with different color in Parallel coordinate chart with Highcharts
- Highcharts with values from multiple JSON file
- How to access React hook state in Highcharts event listener
- Highcharts chart keep increasing its height on browser resize
- Highchart x-axis show label after specific days no matter what is in the x-axis categories
- how to import highcharts offline-exporting in typescript
- rCharts Highcharts change xAxis labels
- in React $(…).highcharts method "Uncaught TypeError: is not a function"
- how to access function in Json
- Is it possible to add image behind doughnut chart with transparency color in ng2chart?
- How to Make a Dashed Bar Chart Border in Highcharts
- Highcharts - How to populate date with Mysql and PHP?
- highchart connect nulls only when two values are close (aka by distance)
- can't get data from mysql in highchart
- Highcharts column range overlapping columns
- Plotbands in Highcharter - When x axis is date
- Highcharts showing points on hovering over the line which are outside the chart area when the chart is zoomed in
- Highcharts / jQuery - destroy and rebuild chart with original options
- HighCharts Time series missing points?
- Highcharts DateTime Localization
- Highcharts charts on a page not rendering correctly when output to PDF using wkhtmltopdf
- Parsing Data From HTML Table