如何刪除Highchart圖表餅圖的相框

Question

如何刪除圖片iframe？

 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' } ] }] }); 

 <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> 

Answer 1

添加enabled : false的tooltip對象，如下所示。

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>