javascript – Highcharts:在一个系列直方图中为图例添加不同的颜色

前端之家收集整理的这篇文章主要介绍了javascript – Highcharts:在一个系列直方图中为图例添加不同的颜色前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我在这里有问题的示例代码http://jsfiddle.net/pzamora/ztxPr/1/

我的系列中有不同的颜色,但我需要它们出现在图例中

series: [{ name: 'V Genes',data: 
        [
            { 
                count: 18320.0,y: 0.92,color: '#3D96AE' 
            },{ 
                count: 1337.0,y: 0.17,{ 
                count: 33970.0,y: 1.71,color: '#4572A7' 
            },{ 
                count: 1221.0,y: 1.06,{ 
                count: 22073.0,y: 1.11,{ 
                count: 8331.0,y: 0.42,{ 
                count: 64974.0,y: 3.27,{ 
                count: 9532.0,y: 0.48,{ 
                count: 18106.0,y: 0.91,color: '#4572A7' 
            }
        ]
    }]

..我将x值与类别位置匹配,但我没有将所有数据显示在图表上

@jsfiddle:http://jsfiddle.net/pzamora/phrP7/4/

最佳答案
您可以执行以下操作:

>将数据拆分为两个系列
>为每个系列中的图例添加颜色
>为每个值添加x参数,使它们不重叠

series: [{ name: 'X Genes',color: '#3D96AE',data:
    [ 
        {
            count: 18320.0,x: 0
        },{
            count: 1337.0,x: 1
        },{
            count: 1221.0,x: 3
        },{
            count: 8331.0,x: 5
        },{
            count: 9532.0,x: 7
        }
    ]
},{ name: 'V Genes',color: '#4572A7',data:
    [
        {
            count: 33970.0,x: 2
        },{
            count: 22073.0,x: 4
        },{
            count: 64974.0,x: 6
        },{
            count: 18106.0,x: 8
        }
    ]
}]

>添加堆叠:’与plotOptions垂直,以便值位于每列的中间.

plotOptions: {
        column: {
            cursor: 'pointer',stacking: 'normal'
        }
},
原文链接:https://www.f2er.com/js/429678.html

猜你在找的JavaScript相关文章