score:1
Accepted answer
You can use sizeBy option. More details:
This option is related to how the Z value is represented in a pie slice. The pie slice's value can be represented by the area or the radius of the slice. The default, area, corresponds best to the human perception of the size of each pie slice.
Its default value is area so you need to change it to radius:
Highcharts.chart('container', {
chart: {
type: 'variablepie',
},
series: [{
sizeBy: 'radius',
data: [{
y: 505370,
z: 10
}, {
y: 551500,
z: 50
}, {
y: 312685,
z: 100
}]
}]
});
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/variable-pie.js"></script>
<div id="container"></div>
Source: stackoverflow.com
Related Articles
- Using a flask variable as data source for highcharts
- Highcharts how to use JavaScript variable as series data source?
- Highcharts and phantomjs error. Can't find variable Highcharts
- Using PhantomJS to create HighCharts grahps server side for use in PDF creation (PHP) - results in exit code 11 from PHPs exec();
- Highcharts scatter plot with variable line width
- Highcharts - Global configuration with common code and unique data & Headings
- Highcharts JS- add third variable to tooltip for two series
- highcharts use variable as chart title
- HighCharts Stock Chart error code 18
- highcharts change rendered image source on click
- How do i add mouse wheel code in Angular2 highcharts in typescript
- how to display 2 same highcharts without duplicate the code
- Variable tick length in highcharts
- Highcharts adding array of variable to series
- Use of DotNet HighCharts dll to make charts in code behind
- Passing data to highcharts from javascript array or variable
- How to edit tooltip in Highcharts C# code
- what means ${demo.css} in example files of highcharts ? That piece of code seems to be literal
- Passing JSON in variable to HighCharts
- Need to dynamically add menuItem to HighCharts contextButton w/function defined by variable
- Pass JSON-encoded PHP Variable to HighCharts
- Is there a way to pass in variable element ID from Highcharts to launch a modal window?
- passing json values to highcharts from .net code behind
- how to use highcharts tooltip formatter in python code
- passing formatting JavaScript code to HighCharts with JSON
- Highcharts problems: variable legend height
- highcharts 2 variable JSON (Date, Value) not showing correctly
- Highcharts passing variable to tooltip
- highcharts pass variable from plotline
- Highcharts not working when pass the javascript variable as hightcharts series data
- Highstock tooltip 'a tag' doesn't get rendered
- Custom HTML marker in Highmaps
- Cannot get jQuery UI datepicker to appear on two tabs
- Add non chart content in highchart pdf
- Change the style of Highchart stacked colum chart
- Only one function in highcharts will function
- Fast switching of many graphs in highchart
- Get number and percentage on Highchart´s chart
- Highchart pie vertical legend align right not pinned to plot correctly
- In Highcharts, is there a minimum value for text fontSize?
- Change bar color directly in highcharters' hcchart function
- Setup of Highcharts and PhantomJS on Windows 7. JSON string parse error
- redraw method is not refreshing polar chart
- Highcharts pie chart loses color on refresh
- How to deal in Highcharts with special characters from CSV file?
- HighCharts Date format
- High charts showing the composition of count as tooltip
- the datatime value displayed not correct on highchart
- Trying to design with highChart but colors are not showing up
- Scroll bar alway to right when updating highstock graph