海关使用highcharts粘贴在折扣图中

Question

我正在尝试使用highcharts创建一个饼图。我面临一个问题：表示内容的棒是不可编辑的，这意味着我无法自定义它，比如给出不同的颜色或使棒大小变小/变大或变薄/厚。

这是代码。请帮我解决。

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <Image Grid.Column="1"
           Height="30"
           Width="30"
           />
    <Rectangle Fill="Transparent" 
               Grid.Column="1"/>

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