代码之家  ›  专栏  ›  技术社区  ›  user8874423

使用highcharts在piecharts中粘贴海关标签

  •  0
  • user8874423  · 技术社区  · 7 年前

    我正在尝试使用highcharts创建一个piechart。我面临着一个问题:表示内容的木棍是不可编辑的,这意味着我无法自定义它,比如说提供不同的颜色,或者使木棍大小变小/变大或变薄/变厚。

    这是代码。请帮我解决。

    Highcharts.chart('container', {
        chart: {
            type: 'pie'
        },
    
        series: [{
            data: [29.9, 71.5],
            color: '#000'
        }]
    });
    

    enter image description here

    1 回复  |  直到 7 年前
        1
  •  0
  •   Deep 3015    7 年前

    您可以将全局颜色设置为

    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