xAxis标签拒绝与列对齐

时间:2012-11-07 09:17:05

标签: javascript highcharts

enter image description here 这是配置代码:http://pastebin.com/3W3r9sHQ 为格式化道歉,但它是生成而不是写入

我希望标签与列对齐,并且能够添加我自己的标签,我认为可以使用类别来完成

1 个答案:

答案 0 :(得分:1)

您正在将每个点绘制成不同的系列!它应该是一个包含多个点的单个系列,以使事情正确。您还需要以正确的顺序定义包含所有x值的xAxis。

"xAxis": {
        "categories": [
            'Core i7-3770 4-Core 3.4GHz',
            'Core 2 Duo E4600 2.4GHz',
            'Pentium Dual Core E2200 2.2GHz'
            ]
 }

将所有值设置为data数组,其中包含y值和颜色

    "series": [{
        "type": "column",
        "name": "Popular CPU",
        "data": [
            {
            "color": "#AA4643",    
            "y": 100},
        {
            "color": "#4572A7",
            "y": 13.24},
        {
            "color": "#AA4643",
            "y": 12.03}
        ]
    }]    

demo basic @ jsFiddle
demo @ jsFiddle