score:4
Accepted answer
i think that you should be able to add your plotoptions inside responsive.rules.chartoptions object. then your chart should work correctly: http://api.highcharts.com/highcharts/responsive.rules.chartoptions
responsive: {
rules: [{
condition: {
maxwidth: 400
},
chartoptions: {
plotoptions: {
pie: {
allowpointselect: true,
cursor: 'pointer',
datalabels: {
enabled: false,
format: '<b>{point.name}</b>: {point.percentage:.1f} %',
style: {
color: (highcharts.theme && highcharts.theme.contrasttextcolor) || 'black'
}
}
}
}
}
}]
}
live example: http://jsfiddle.net/chv4ux0z/2/
Source: stackoverflow.com
Related Query
- Hide Data Labels in Pie Chart below 400px width - Highcharts
- Highcharts not displaying data labels for Pie chart in arabic
- Highcharts stacked bar chart hide data labels not to overlap
- Highcharts display label for pie chart using html table as data source
- Hide data labels of a HIChart's Pie chart using Swift 5.0
- Highcharts convert: not showing pie chart data labels
- Position single data label of highcharts pie chart centered below the chart
- High Charts Can't hide Pie Chart data labels
- How to hide labels in the highcharts in the pie
- Highcharts - labels inside and outside a pie chart
- Enable or disable data labels shown in pie charts in Highcharts on click of a button
- How get data name in Highcharts pie chart legend instead of "Slice" using array of values?
- highcharts - precision for stacked column chart data labels
- Highcharts: Placement of data labels in the middle of sections of Pie Chart
- Highcharts 3d bar chart data labels position is wrong
- set Pie chart labels exact in center of Slices of PIE highcharts
- Highcharts exporting hide data labels if number doesn't fit in stacked bar
- Highcharts Pie doesn't display the labels (for some data series)
- Highcharts - how to do a responsive pie chart when the texts of the labels are long
- Highcharts Pie chart multi line labels overlapping
- highcharts pie chart color for dynamic data
- Custom CSS classes for Data Labels in Donut Pie Chart
- Highcharts pie chart hide zero sector
- Highcharts area chart hide graphs with one data point
- Highcharts :Donut chart overlaps data labels
- Changing Color of Data Labels in HighCharts Bar Chart
- Format data to parse to a highcharts pie chart
- HighCharts populate Pie Chart with data from SQL Database
- Highcharts Pie Chart data formatting
- Highcharts how to make a set number of colors for pie chart data and drilldown data
More Query from same tag
- Access props and state of current component in React JS within an event handler
- Highchart in the loop showing only first chart data
- Highcharts.js legend items align
- Highchart basic chart using nodejs
- Highchart zooming bug?
- I want to show a 0% data without a column in stackbar chart in android using highchart
- Add Local HTML and JS file using React Native Webview
- Highstock chart export as PDF with image and text in title
- Customize captions
- HighCharts ios Disable Initial Animation
- Highchart JS (HTML table, Line chart) line not showing if data has null value
- Highcharts add a Mean line to BoxPlot chart
- How to have different cursor style for legends in Highcharts?
- Highchart js zoom remove labels of series from legend
- Unresponsive touch in android webview
- How do I completely hide the chart title in a HighCharts chart?
- how to reduce/increase gap between horizontal legends- highcharts
- How to render partial view for HighCharts and pass parameter in MVC?
- Attach arbitrary data to Highcharts data points
- Highcharts - Annotations outside plot area (top/bottom)- doesn't show up
- HighCharts Organization Nodes Overlapping
- Where can I get HighStock old versions?
- Dynamic resizing height not working of bar chart as number of teams increasing in my case
- Highcharts - stacked column - order series index dynamically for each category
- how to reduce the spacing between the columns? HIGHCHARTS
- How to call typescript function inside High chart click event
- Get highcharts chart column position
- Highcharts not workng with angular 4
- Highchart how to animate from the xaxis bottom line upward
- How to return json data in HighCharts?