解決HighCharts餅圖中如果所佔百分比為0的時候,不顯示邊線及0%的方法
<div class="piecleft" id="chart" style="height:350px; width: 350px;">
</div>
<script type="text/javascript" charset="utf-8">
var chart;
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'chart'
},
title: {
text: '版本分佈分析'
},
plotArea: {
shadow: null,
borderWidth: null,
backgroundColor: null
},
tooltip: {
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ Highcharts.numberFormat(this.percentage, 1) +'% ('+
Highcharts.numberFormat(this.y, 0, ',') +' 個)';
}
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
formatter: function() {
if (this.percentage > 0)
return '<b>' + this.point.name + '</b>: ' + this.percentage + ' %'; //這裡進行判斷(看這裡)
},
color: 'white',
style: {
font: '13px Trebuchet MS, Verdana, sans-serif'
}
}
}
},
legend: {
backgroundColor: '#FFFFFF',
x: 0,
y: -30
},
credits: {
enabled: false
},
series: [{
type: 'pie',
name: 'Browser share',
data: [
['1.1',3617],
['1.2.1',3436],
['1.0',416],
['1.3',2],
['1.2',1],
['新增對比',5000]
]
}]
});
});
</script>
對比前 對比後
相關文章
- SAP ALV小數點後面如果為0不顯示
- Word下劃線不顯示解決方法
- Highcharts結合後臺實現圖餅資料顯示
- win10更新介面只顯示0%怎麼解決|win10更新一直卡在0%的解決方法Win10
- 解決Win7 軟體圖示不顯示--Win7圖示異常,快捷方式不顯示解決方法Win7
- windows10照片大圖示不顯示怎麼辦_win10系統不顯示圖示的解決方法WindowsWin10
- Android中Fragment巢狀Fragment,切換Fragment時不顯示檢視的原因及解決方法AndroidFragment巢狀
- win10 桌面圖示不顯示名字如何解決_win10桌面圖示不顯示名稱解決方法Win10
- Xshell拖拽檔案時傳輸速度為0的解決方法
- ArcEngine開發中Label無法顯示小數點前0的問題解決方法
- Win10系統pdf縮圖不顯示的解決方法Win10
- MacOS 不顯示 SD 卡的 bug 解決方法Mac
- ie9不顯示flash的解決方法IE9
- Win10系統右鍵選單隻顯示圖示不顯示文字的解決方法Win10
- Windows 10 安裝SVN 不顯示狀態圖示--解決方法Windows
- TortoiseGit資料夾和檔案圖示不顯示解決方法Git
- Picasa相簿圖片不顯示的解決辦法
- vmware不顯示usb圖示解決辦法
- Highcharts繪製餅圖
- Windows10系統下工作列圖示名稱不顯示的解決方法Windows
- win7圖片只顯示圖示不顯示預覽圖解決方案Win7圖解
- win10應用程式的圖示顯示不出來怎麼辦_win10軟體圖示不顯示的解決方法Win10
- 【原創】autotrace中statistics為0的問題的解決
- win10系統下工作列不顯示縮圖的解決方法Win10
- 使用ant design of vue的下拉框來選擇性別,性別的值為0、1,被選中的選項顯示的是value值,即0、1,不顯示男、女Vue
- win10桌面不顯示圖示如何解決_win10桌面圖示不見了的解決教程Win10
- 載入網路圖片所顯示的轉圈效果及載入成功前與失敗後所顯示的圖示
- git操作時中文顯示亂碼的解決方法Git
- win10刪除檔案時候顯示找不到該專案的解決方法Win10
- DP線接顯示器點不亮的解決方法(接DP線點不亮,接HDMI線能點亮)
- 【highcharts應用-雙餅圖】
- 為什麼win10電腦桌面文件沒有圖示_win10電腦桌面不顯示文件圖示的解決方法Win10
- 電腦顯示器不亮是什麼原因 電腦顯示器不亮的解決方法
- jQuery.position()方法獲取值為0解決方案jQuery
- 解決MySQL中文亂碼和插入中文不顯示的方法MySql
- 新建模型的時候,是否顯示欄位中的條件顯示如何使用?模型
- li浮動時ul高度為0,解決ul自適應高度的幾種方法
- win10裝置管理器中不顯示藍芽的解決方法Win10藍芽