score:2
Accepted answer
add the tooltip
object with enabled : false
as shown below.
tooltip : {enabled : false }
highcharts.chart('container', {
chart: {
renderto: 'container',
plotbackgroundcolor: null,
plotborderwidth: null,
plotshadow: null
},
title: {
text: 'ideas por estado',
align: 'center',
style:
{
color: '#000000',
fontweight: 'bold'
}
},
credits: {
enabled: false
},
legend: {
align: 'center',
verticalalign: 'bottom',
layout: 'vertical',
itemstyle: {
color: '#000000',
fontsize: 12
},
x: 0,
y: -50
},
plotoptions: {
pie: {
allowpointselect: true,
cursor: 'pointer',
size: '80%',
center: [ '50%', '45%' ],
datalabels: {
enabled: true,
distance: -35,
color: '#ffffff',
style: {
fontweight: 'bold',
fontsize: 13
},
formatter: function() {
if(this.point.color=='#fd4c01'){
return '<span>' + this.y +' %</span>';
}
if(this.point.color=='#77c646'){
return '<span>' + this.y +' %</span>';
}
if(this.point.color=='#01a698'){
return '<span>' + this.y +' %</span>';
}
}
},
showinlegend: true
},
},
series: [{
type: 'pie',
data: [
{
name: 'company a',
y: 59.2,
color: '#01a698'
},
{
name: 'company b',
y: 30.4,
color: '#77c646'
},
{
name: 'company c',
y: 10.4,
color: '#fd4c01'
}
]
}],
tooltip : {enabled : false }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container"></div>
Source: stackoverflow.com
Related Query
- how remove picture frame for Highchart chart pie
- How to format PHP into the proper string for JSON in pie chart using highchart
- How to remove white space from pie chart in highchart.js?
- how to take only categories for x-axis and remove unwanted scaling in Highstock chart
- Pie Chart for Data on Different Things with HighChart
- How to remove sliced line from pie high chart if there there is only one object in data
- Highcharts display label for pie chart using html table as data source
- Highcharts how to make a set number of colors for pie chart data and drilldown data
- Highchart - How do I create the attached image gauge within a semicircle pie chart
- Set Color for Pie Chart using HighChart + JSON data
- How to remove margin gap in area spline chart for highcharts?
- Highchart not showing 0 data correctly for pie chart
- How to make pie chart with data border radius in highchart
- Highchart How to set pie chart sliced distance gap wider to one another
- How to remove fine white line between halo and Highcharts pie chart
- How to add negative area or background for a specific bar or pie chart in highcharts?
- Highcharts - How to combine unique legend for multi-series pie chart which perform same action for both series? (like onclick: show/hide)
- How we can show Highchart column-placement chart for negative values?
- How to display custom text for a specific category in pie chart tool tip
- How to set pie chart wedge colors based on wedge values for highcharts?
- how to make different label for different arrows in Gauge chart in highchart
- Specify color for Pie Chart Highchart
- How to align highchart legend when using multiple pie chart in one container?
- Trying to figure out how to assign specific colors to specific data points in Highchart Pie chart
- How to enable mouse hover on subtitle or title of pie chart using highchart
- How do i redraw a pie Chart only once, instead of once for every datalabel it has?
- How to set specific color for each data in pie chart using phplot.php
- How do I hide the code for the chart data in highcharts?
- How to display the value instead of percentage in a pie chart using jquery Highcharts
- Remove Export and print button plugin on highchart chart
More Query from same tag
- Multiple series in highstocks
- How to sort the yaxis in descending order if tickpositions in highcharts are used?
- Highcharts xAxis labels formatter callback data empty
- Always show "0" value in Stacked Column Chart
- How to add horizontal threshold lines after data is loaded?
- Weekly PDF generation using PHP and Highcharts
- RallyChart Pie - Is there a way to consolidate data labels?
- plotting irregular time data from CSV with highcharts
- Difference between setExtremes and afterSetExtremes in HighStock
- how to use Highcharts on Ionic?
- A Challenge? converting mysql rows to very specific format with php
- Highchart to show progress percentages in horizontal bars with real time data?
- Highcharts - how to correctly align x-axis ticks when plotOptions.column.crisp set to false
- How to pass data of multiple arrays in ajax?
- how to add onclick event handler inside highcharts tooltip
- Google Pie chart, can't set different values for 2 different graphs
- datagrouping integration in highcharts not highstock?
- Highcharts update series type dataloss
- Highstock error: a.ownerDocument is undefined
- Issue with mappoint when zooming on map
- Highcharts multiple graphs stacked in seperate "<div>" with combine zooming
- HighCharts display total of stacked column in labels
- Highcharts shared tooltip(for line series) - Change on hover ACCORDING TO PLOTBAND
- highmaps stopped updating after move to .NET Core
- Export HighChart 3D pie chart into png is not working
- Highcharts: display peak values
- Dynamically feeding the column based highcharts from json assosiative array in jquery?
- Highstock - Can't update using value from file, data type?
- Is it possible? xAxis categories with Json?
- highcharts data labels overlaps the plotlines value