1
A
回答
3
你可能想看看使用極座標圖(見http://www.highcharts.com/demo/polar)。
嘗試使用Highcharts演示中的「列」系列作爲起點;那就是應該讓你最接近你想要實現的版本。您可以使每個點具有不同的顏色以符合您的示例。
更新(2016年5月29日):我的工作你比如像上嚴格基於樣本小提琴:https://jsfiddle.net/brightmatrix/uzna0mk6/
這是我從Highcharts'極座標圖演示修改了代碼。它不是100%完美的,因爲楔形標籤在你的示例圖像中格式化會很棘手,但這應該會讓你變得相當不錯。
我希望這有助於!
$(function() {
$('#container').highcharts({
chart: { polar: true },
title: { text: 'Highcharts polar chart with colored wedges' },
legend: { enabled: false },
plotOptions: {
// starts the chart at the 12-o-clock position
pointPlacement: 'on'
},
xAxis: {
type: 'category',
categories: ['series A','series B','series C','series D','series E'],
},
yAxis: {
min: 0, max: 100,
labels: { enabled: false }
},
plotOptions: {
series: {
dataLabels: {
enabled: true,
inside: true,
verticalAlign: 'middle'
},
// keeps the pie wedges joined together
pointPadding: 0,
groupPadding: 0,
stacking: 'normal'
}
},
series: [{
type: 'column',
name: 'background fill for the wedges',
data: [18,30,45,47,5],
color: '#BCBCBC',
enableMouseTracking: false, // prevent the user from interacting with this series
dataLabels: { enabled: false }
}, {
type: 'column',
name: 'wedge value',
data: [
// each slice of the pie gets its own color
{ y: 82, color: 'blue' },
{ y: 70, color: 'purple' },
{ y: 55, color: 'orange' },
{ y: 53, color: 'yellow' },
{ y: 95, color: 'green' }
]
}]
});
});
相關問題
- 1. WAP彩色圖片
- 2. 如何彩色Telerik Kendo UI餅圖楔?
- 3. Highcharts與餅圖切片顏色相同的圖例顏色
- 4. JqPlot餅圖 - 更改餅切片顏色
- 5. iPhone彩色圖像分析
- 6. jQuery餅圖與深入/可點擊的餅圖部分
- 7. 彩色小插圖着色器(外部部分) - LIBGDX
- 8. 在高圖中分享餅圖和列之間的顏色
- 9. 如何使用Chart.js v1添加彩色圖例框到餅圖?
- 10. 多個彩色框圖與圖例
- 11. 谷歌餅圖餅圖背景圖片
- 12. 用Plotly定義餅圖切片顏色
- 13. HTML:圖片/圖片高度百分比
- 14. Unity3d:彩色圖層
- 15. 生成彩色圖
- 16. Matplotlib:彩色條的高度與繪圖相同
- 17. Flot餅圖 - 外部選擇切片
- 18. 將餅圖分成相等部分jfreechart
- 19. 與芯圖(餅圖)
- 20. 繪圖與色彩對應的標記
- 21. 將圖片插入餅圖切片
- 22. PHP餅圖不會分裂成片
- 23. d3餅圖顏色分配到圓弧
- 24. GNUPLOT - 在餅圖中分配顏色
- 25. R圖例顏色與餅圖顏色不匹配
- 26. Matlab /八度餅圖餅圖分類
- 27. jQPlot餅圖 - 如何更改餅圖切片標籤的文本顏色
- 28. rdlc(餅圖)不同部分的自定義顏色
- 29. 更改餅圖高圖中的默認顏色角度
- 30. 如何更改我的高圖餅圖的顏色?
謝謝,Brightmatrix。我原來看到它,但是因爲我的「餡餅切片」的大小不一樣,所以我認爲這是極座標圖的要求。我弄錯了嗎? –
@jeromeso好消息是,您的切片不需要爲極座標圖的大小相同。這就是爲什麼我向你推薦這種圖表類型的原因......你在這裏得到的是一個真正的柱形圖,它被調整爲形成餡餅楔子。如果你喜歡,我可以從這個圖像中設置一個工作小提琴。 –
謝謝,Brightmatrix。如果你能向我展示如何做到這一點,這將是一個很好的例子! –