score:1
I believe your problem is that you have created a pie chart with only one slice. No matter what size you set it as, 1 slice is always 100% of the pie. Add a second at 50 and they should both show as 50. Not sure how that fits your visual, but that's why it's always 100%.
score:1
As @Matt Pileggi said, you need to add another point so Highcharts will be able to calculate percentage. There is one problem - it would display second element in legend. Then you can disable legend for that specific series and add another one (fake) to display in legend. Example: http://jsfiddle.net/Yc3jF/5/
{
type: 'pie',
name: 'Goal',
showInLegend: true,
dataLabels: {
enabled: false
},
borderWidth: 0,
size: '65%',
innerSize: '65%',
data: [{
name: 'Goal',
color: 'white'
}]
}, {
type: 'pie',
name: 'Goal',
size: '75%',
innerSize: '65%',
slicedOffset: 0,
showInLegend: false,
ignoreHiddenPoint: false,
data: [{
name: 'Goal',
y: 50,
color: 'white'
},{
name: 'Goal',
y: 50,
color: 'white',
visible: false
}]
}
Source: stackoverflow.com
Related Query
- Highcharts make pie chart goal value only 50%
- How to display the value instead of percentage in a pie chart using jquery Highcharts
- HighCharts - Make the pie chart 100% of the div
- HighCharts Pie Chart Legend value alignment
- How to make a pie chart from highcharts responsive
- Highcharts display label for pie chart using html table as data source
- Gson to get Json value for a pie chart using Highcharts
- Highcharts how to make a set number of colors for pie chart data and drilldown data
- Highcharts - Make text inside pie chart responsive
- Highcharts pie chart slice animation only works when an error is thrown
- Highcharts Pie Chart - Showing Negative value as "null" in legend
- Highcharts Pie Chart Add Value to the Legend
- Displaying max value in bottom of the pie chart - highcharts
- HighCharts : Total Value is not showing in Pie Chart
- How can I pull only specific columns \ cells from csv in <pre> tag, into highcharts pie chart
- How to set Highcharts chart maximum yAxis value
- Place text in center of pie chart - Highcharts
- Highcharts - labels inside and outside a pie chart
- Disable Print Chart option only from HighCharts
- Highcharts Pie Chart ignores percentageDecimals tooltip setting and has floating point inaccuracy issue
- Highcharts pie chart dynamically changes size
- Highcharts not displaying data labels for Pie chart in arabic
- Total of values in HighCharts Pie Chart
- HighCharts Pie Chart - Add text inside each slice
- highcharts - chart names for multiple pie chart series in one chart
- Highcharts Pie Chart Drilldown not showing on third drill
- how to make highcharts pie datalabels always in center of each slice?
- Highcharts Pie Chart Label Threshold
- How do I make each row in a HTML table a pie chart in Highcharts?
- HighCharts - Pie chart drilldown for multilevel (3 to 4 level)
More Query from same tag
- Highchart tooltip PointOptionsObject interface implementation
- Highcharts heatmap borders
- Use JSON with HighCharts and AJAX
- Changing Highcharts label and sorting x-axis using Django-chartit
- Highcharts - HTML tooltip & datalabels render issue
- Setting data chart color - Highcharts
- Center tooltip for highcharts area chart
- Easy way to gather all the common properties of a chart, to not write them all the time?
- Highcharts - Data won't get loaded into chart on Android WebView
- Update a single option on a HighCharts chart
- Can I colour individual points with stacked columns in Highcharts?
- How to import highchart-more into angular 4 project
- datatable and highchart functionality not working with 'View All' bootstrap tab
- Highcharts pie chart dynamically changes size
- Skipping weekends with Highcharts Gantt
- How to align highchart legend when using multiple pie chart in one container?
- Highcharts phantomjs export server can't parse json string
- Rails production: javascript not working
- HighStock shows data not presents at specific interval using gap size?
- Highcharts: how do I call an external .js file in the <head> of my highcharts page
- Highcharts {Pie} - Change dataLabels connector curve
- Mult-level Drill Up
- Highcharts - top justify instead of center entire chart
- how to add data from database and set it to data serie in highchart C#
- Automatically split y-axis on Highcharts if series' values are not similar
- highchart activity gauge chart using json data from a file
- Highcharts - Cannot set x-axes categories in column charts with negative values
- How to combine highcharts (heatmap) and table (mapping each table row with heatmap row)?
- Unable to create line chart using Highcharts - Vue.js
- How I can customize the file name when exporting using the plug-in CSV in Highcharts?