【问题标题】:highcharts donut pie - different color for the data than its drilldownhighcharts donut pie - 数据的颜色与其向下钻取不同
【发布时间】:2013-05-06 15:19:05
【问题描述】:

我正在制作一个甜甜圈饼图。

我设置了数据的颜色,并将下钻(即保存外部切片的数据和配置的对象)切片的颜色设置为同一组颜色。 我想设置不同的颜色数组以用于下钻对象。 见附图(外层有两种颜色:橙色和透明)。 请参阅此处的 jsfiddle.net/queequeg/ma6uz/ 甜甜圈派游乐场。

【问题讨论】:

    标签: jquery highcharts


    【解决方案1】:

    您需要为每个切片设置不同的颜色:http://jsfiddle.net/KNFJE/36/

    例如:

        series: [{
            size: '60%',
            innerSize: '30%',
            data: [
                {y: 12, color: 'orange'},
                {y: 10, color: 'gray' },
                {y: 33, color: 'orange'},
                {y: 20, color: 'gray'}
            ]
        },{
            size: '80%',
            innerSize: '60%',
            data: [
                {y: 18, color: 'gray'},
                {y: 11, color: 'orange' },
                {y: 13, color: 'gray'},
                {y: 30, color: 'orange'}
            ]
        }]
    

    【讨论】:

      【解决方案2】:

      更新代码中颜色的值。

      color: colors[1]
      

      将数组索引设置为 0-9 之间的不同预设颜色。 如果您不想要 0-9 的预设颜色,则必须在 highcharts 库中进行更改。

      【讨论】:

      • 嗨 Tanuj,在哪个代码中? “颜色”是 dataObj 和 dataObj.drilldown 的属性。无论如何,我已经在问题中提到的 jsfiddle 中尝试过,但没有任何区别。
      • 仍然是外部颜色与内部颜色一样属于颜色类别。尝试在外片上涂上橙色,在内片上涂上白色/灰色。我还没有找到方法。
      • 您正在导出的 .js code.highcharts.com/highcharts.js 正在定义预设颜色。尝试更改此文件中的颜色代码。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-12-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多