score:2
Accepted answer
I added the "prc" class to the div and created new css rules.
CSS
.prc {
position: relative;
top: 0px;
width: 70px;
height: 35px;
background-color: #ddd;
border-radius: 70px 70px 0 0;
}
.prc span {
position: relative;
top: 12px;
}
Script
series: [{
name: 'customers',
data: [63.7],
dataLabels: {
format: '<div class="prc" style="text-align:center;"><span style="font-size:14px;' +
'black' + '">{y}%</span>'
}
}]
Source: stackoverflow.com
Related Query
- How can I style my highcharts solid gauge to have a background behind the percentage?
- How can you change the "label" (valueSuffix) on a highcharts gauge after the gauge has been created?
- How can I get HighCharts column chart to scale the yAxis to not have so much whitespace?
- how can I use rangeselector and navigation in highcharts in the given code
- How can I format the Highcharts gantt chart to be a dashed line instead of a solid line?
- HighCharts - How can I turn off the points?
- How can I change the colors of my highcharts piechart?
- How can I force multiple y-axis in Highcharts to have a common zero
- How can i hide all the Series in highcharts at a time
- How can I remove the white border from HighCharts pie chart?
- How can I do in Highchart to have 1px space between the columns and the y Axis?
- How can I delete all of the points from a highcharts series
- How do I style the series labels on a Highcharts pie chart?
- How can i keep the color the same in highcharts
- How do I use an Highcharts Solid Gauge in angular 6 with typescript?
- How do I set the background color of a Highcharts HTML label?
- Gauge Series of Highcharts with React not the Solid Gauge but Gauge Series
- How to remove the value and number labels from Highcharts angular gauge
- Highcharts : How can i move the tooltip to external DIV?
- How Can I Hide a Pie Chart's Slice in HighCharts Without Removing It From the Legend?
- how to display 2 same highcharts without duplicate the code
- How can I access the 'this' field in plotOptions of highcharts
- how can i add in highcharts a different dashStyle just for a part of the graph
- With HighCharts, how can I have the same tooltip formatter as my y axis
- How can you have more than 10 colors represented in the graph and legend in highcharts?
- How do I attach a click event handler to the whole HighCharts Gauge control?
- How can I display the outcome of the for loop in highcharts
- How to embed solid Gauge using highcharts inside a div of a specific size
- Highcharts - Cross browser charts have different Y axis ranges, how can I ensure consistency?
- How can I limit the length of a HighCharts PlotLine on the Y-Axis for a BoxPlot?
More Query from same tag
- Set line to 0 if no measurements between dates in highchart
- highcharts reset zoom button
- Network chart nodes relation nodes merging -> highcharts
- Avoid tooltips when printing a chart
- Tooltip outside working in highcharts but not in highstock
- different name series in highchart
- How to let user know that a Highcharts chart is clickable?
- Inhibit caching JavaScript/CSS
- Extending typescript interface from another module
- Add Gradient color on Plotband highchart
- Highcharts exportchart PDF not showing all categories
- Highcharts (rCharts) onclick tooltip
- Setup of Highcharts and PhantomJS on Windows 7. JSON string parse error
- Panning in Highcharts will not allow to go back to the max of the xAxis
- How do I redraw a series on HighCharts?
- How can I show last 10 indexes in Highcharts Timeline and left using scroll?
- using dynamic data from highcharts in a html table
- Angular 2 Highcharts font awesome for custom buttons
- how to convert svg to png image in internet Explorer?
- How to display historical data and live data from database using Highcharts
- Formatting Highcharts - timestamp in tooltip, day x axis
- highcharts-ng grows but doesn't shrink in flexbox
- Populating a highchart graph from a linq query
- Series overlap in Highcharts
- How can I make a custom line type in high charts
- Highcharts JS showing wrong colors
- Passing Django Database Queryset to Highcharts via JSON
- Highchart not rendering in shiny using 'Highcharter' package
- How can I get a data label in my Highcharts Pie Chart that is a font-awesome icon?
- Highcharts - not show due to change over the frequency time of one every second?