使用 highcharts 的饼图中的海关贴

Question

我正在尝试使用 highcharts 创建饼图。我面临一个问题：表示内容的小棒不可编辑，这意味着我无法自定义它，比如提供不同的颜色或使小棒大小 small/big 或 thin/thick 等等。

这是代码。请帮我解决。

Highcharts.chart('container', {
    chart: {
        type: 'pie'
    },

    series: [{
        data: [29.9, 71.5],
        color: '#000'
    }]
});

Answer 1

您可以将颜色全局设置为

Highcharts.setOptions({
  colors: ['#058DC7', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572',
    '#FF9655', '#FFF263', '#6AF9C4'
  ],
});

或者您可以覆盖系列中的全局颜色

 series: [{
    data: [{
        name: 'Firefox',
        y: 44.2,
        color: "#fff"
      },
      ['IE7', 26.6],
      ['IE6', 20],
      ['Chrome', 3.1],
      ['Other', 5.4]
    ]
  }]

更改连接器的大小

  plotOptions: {
    pie: {
      dataLabels: {
        connectorWidth: 20
      }
    }
  },

fiddle demo

使用 highcharts 的饼图中的海关贴

customs sticks in piecharts using highcharts

highcharts

pie-chart