1
A
回答
1
我認爲這是Chart.js 2.0版的可能性。這裏有一個例子:
var ctx = document.getElementById("myChart");
var chartData = {
labels: [
"Red",
"Blue",
"Yellow"
],
datasets: [{
data: [300, 50, 100],
backgroundColor: [
"#FF6384",
"#36A2EB",
"#FFCE56"
],
hoverBackgroundColor: [
"#FF6384",
"#36A2EB",
"#FFCE56"
]
}, {
data: [200, 100, 25, 25, 66, 34],
backgroundColor: [
"#FF6384",
"#36A2EB",
"#FFCE56",
"#FF6384",
"#36A2EB",
"#FFCE56"
],
hoverBackgroundColor: [
"#FF6384",
"#36A2EB",
"#FFCE56",
"#FF6384",
"#36A2EB",
"#FFCE56"
]
}]
};
var pieChart = new Chart(ctx, {
type: 'pie',
data: chartData
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.min.js"></script>
<canvas id="myChart" width="300" height="300"></canvas>
相關問題
- 1. 餅圖(甜甜圈)圖表
- 2. TeeChart - 餡餅或甜甜圈標記甜甜圈的餅圖
- 3. Chartjs甜甜圈圖與漸變色
- 4. jqplot動畫餅圖和甜甜圈圖
- 5. Chartjs甜甜圈消失
- 6. D3同心/嵌套甜甜圈圖表
- 7. charts.js分層甜甜圈餅圖
- 8. SVG:餅圖中的甜甜圈洞
- 9. Chartjs- 2甜甜圈圖表自定義工具提示
- 10. ChartJS - 具有多個環的甜甜圈圖表
- 11. 堆疊/嵌套/重疊的餅圖和甜甜圈圖表與javascript
- 12. 編輯甜甜圈高圖
- 13. Android的achartengine甜甜圈圖
- 14. D3中的餡餅(甜甜圈)圖表段順序
- 15. 餡餅(甜甜圈)圖表工具提示
- 16. Highcharts甜甜圈圖表沒有內餡餅?
- 17. ggplot2餅圖和甜甜圈圖在同一個地塊
- 18. Highcharts - 餅圖/甜甜圈圖組小部分
- 19. XML Javascript繪製甜甜圈圖表
- 20. Shinobi甜甜圈圖表標籤重疊
- 21. AChartEngine甜甜圈圖表邊距
- 22. 隱藏標示甜甜圈圖表r
- 23. 在javascript中呈現甜甜圈圖表
- 24. 繪製拉斐爾甜甜圈圖表
- 25. Highcharts - 不顯示甜甜圈圖表
- 26. 綁定莫里斯甜甜圈圖表
- 27. Highcharts的3層甜甜圈圖表
- 28. SVG圈 - 動畫片段? (甜甜圈圖)
- 29. jqPlot:甜甜圈圖中心的圖例
- 30. D3甜甜圈圖JS JS Sankey圖
這是真棒,謝謝! (不是我需要它,但這很酷) – jcuenod 2016-10-13 21:55:08