我需要创建一个带有圆角的树形图,如图所示
我努力了:
更改plotOptions.treemap.borderRadius设置每个框而不是整个图的半径。
使用chart.borderRadius对图表没有影响,我相信是这样,因为绘图本身不会到达图表的边缘。
highcharts 的圆角库不适用于树形图。它与条形图配合良好
任何有关如何实现这一目标的指导都值得赞赏。这是一个jsfiddle的树状图供参考。
这是我尝试过的选项
const options = {
chart: {
borderRadius: 20,
},
credits: {
enabled: false,
},
tooltip: {
enabled: false,
},
plotOptions: {
treemap: {
// borderRadiusBottomRight: 25,
// borderRadiusBottomLeft: 25,
borderWidth: 2,
borderRadius: 5,
borderColor: "#FFFFFF",
},
},
series: [
{
type: "treemap",
data: [{
id: 'A',
name: 'Apples',
color: "#EC2500",
value: 10,
}, {
id: 'B',
name: 'Bananas',
color: "#ECE100",
value: 15,
}, {
id: …Run Code Online (Sandbox Code Playgroud)