score:16
Accepted answer
You need to set the plotOptions.pie.borderWidth
property to 0
:
$(function() {
$('#cashflow_graph').highcharts({
chart: {
type: 'pie',
backgroundColor: 'red',
},
title: {
text: false
},
yAxis: {
title: {
text: false
}
},
plotOptions: {
pie: {
dataLabels: {
enabled: false
},
shadow: false,
center: ['50%', '50%'],
borderWidth: 0 // < set this option
},
series: {
states: {
hover: {
enabled: false,
halo: {
size: 0
}
}
}
},
},
credits: {
enabled: false
},
tooltip: {
enabled: false,
valueSuffix: '%'
},
series: [{
name: 'Cash Flow',
data: [{
name: 'Incoming',
y: 40,
color: '#87b22e'
}, {
name: 'Outgoing',
y: 30,
color: 'black'
}, {
name: '',
y: 30,
color: 'white'
}
],
size: '80%',
innerSize: '80%',
dataLabels: {
enabled: false,
formatter: function() {
return false;
}
}
}]
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/4.1.5/highcharts.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/4.1.5/highcharts-more.src.js"></script>
<div id="cashflow_graph" style="height: 300px; width:100%;"></div>
Source: stackoverflow.com
Related Query
- How can I remove the white border from HighCharts pie chart?
- Highcharts - How can I remove starting and ending padding from area chart
- How to remove white space from pie chart in highchart.js?
- How Can I Hide a Pie Chart's Slice in HighCharts Without Removing It From the Legend?
- How to remove fine white line between halo and Highcharts pie chart
- Highcharts Chart Bar - How can I display in the chart, only one column from my HTML table?
- How do you remove the partialFill from Highcharts xrange chart
- The RTL language (Arabic) is not working with HighCharts pie chart correctly, how can I fix this?
- How can I maintain the Highcharts halo effect on pie chart after click and mouseOut?
- How can I pull only specific columns \ cells from csv in <pre> tag, into highcharts pie chart
- How to display the value instead of percentage in a pie chart using jquery Highcharts
- How can I delete all of the points from a highcharts series
- Highcharts - how to remove "Open in Highcharts Cloud" from the export menu
- In highcharts's stacked bar chart, how can I remove the white space between different
- How do I remove the color swatch from my HighCharts legend without affecting the column?
- Highcharts, How can I change the datalable distance in a pie chart based on the value
- How to make a pie chart from highcharts responsive
- HighCharts : How to add or remove "chart context menu" from chart container?
- How to remove the value and number labels from Highcharts angular gauge
- Highcharts basic bar graphs. How to remove strokewith from the bars
- Higcharts - How to remove groupPadding from the beginning of the chart
- Highcharts - how to do a responsive pie chart when the texts of the labels are long
- In Highcharts, how can we separatedly set up the border color of each block in a Pyramid chart
- How to remove sliced line from pie high chart if there there is only one object in data
- How can I make milestone lines with a GANTT chart using the highcharts library?
- How can I display crosshair labels on top of the chart with Highcharts
- Remove the border around the pie chart in high charts
- How can I reveal my chart tooltip programatically when the tooltip combines data from multiple series? (sync charts)
- How Can I remove the extension Gridline from my graph?
- How can i load external json data in highcharts to show the bar chart
More Query from same tag
- Highcharts (highstock) - hide all markers in the navigator
- Heatmap multiple data labels for the same axis in dynamic way using javascript
- Javascript Highcharts High buttons and calender with jquery
- Highcharts.js : get specific value from data to tooltip
- Dynamic update multible series Highcharts with single point XML file
- I want to add a line to each column in a Highcharts column chart
- Highcharts - line chart dataLabels on every other point?
- Javascript /jQuery Stock Chart API with multiple separate axis but combined interaction (pic included)?
- how to hide/show scrollbar and range selector of highcharts on button click?
- Dynamically Transform Data with User Input (Highcharts, JavaScript,Django)
- Highcharts Map not Zooming Properly
- change button image
- Highcharts Legend Selection double fires in Android WebView
- Drilldown broken in Highcharts?
- Highcharts - Y axis always visible (even after horizontal scrolling)
- Scroll bar in Highcharts tooltip
- Highchart, diffrent number of categories and series data
- Highcharts JS - Sankey Diagram Axis
- Highstock navigator does not work when also importing "highcharts-more" file
- Vue project: object does not support this property or method "hasOwnProperty" IE11
- iPad - Highcharts interferes with links in the drop down
- Fetching all the Project Name for a Project Cumulative Flow Chart in Rally
- Give different color to each stack in stacked bar in Highcharts
- Is it possible to change linecolor for timeline chart in between specific points?
- Highcharts metric prefix
- How to make stacked column chart percentages exceed 100% in highcharts
- Why are the labels for my opposite yaxis in Highcharts not showing up?
- Disable-Click on Legend in HighCharts Column Graph
- highcharts - removing decimal places on Y axis with only one point
- Highcharts. During export chart labels are cropped