首页 文章

Highcharts使用系列标签作为x轴类别

提问于
浏览
5

我有一个简单的1系列高图条形图,我使用json加载数据 . 在_577419中我简单地将json数据定义为静态变量,但前提是相同的 .

json数据构成了所有系列属性的基础,包括名称和格式如此,这与我看到的许多示例一致:

var json = [{
    "name": "Currency Allocation",
    "data": [
        ["gbp", 0.7053985],
        ["usd", 0.17856322],
        ["eur", 0.06901525],
        ["chf", 0.00135777],
        ["jpy", 0.00815169],
        ["em_asia", 0.02821377],
        ["other", 0.00982446]
    ]
}];

我想标签,这是每个 data 子阵列中的第一个元素是图表的x轴类别 . 但是,我似乎必须在 cht.xAxis.categories 下单独定义x轴类别 . 有没有办法避免这样做,只是使用我的数据中的类别?

如果我排除 xAxis.categories 属性,则在x轴上仅使用数字绘制图表

1 回答

  • 8

    您可以在chart.events.load调用上执行此操作并循环 series[0].data 值 . 既然你说每个图表只有一个系列,我也假设你只有一个 xAxis . 您可以像这样遍历数据:

    var seriesData = this.series[0].data;
    var tCategories = [];
    for (i = 0; i < seriesData.length; i++) {
        tCategories.push(seriesData[i].name);
    }
    this.xAxis[0].setCategories(tCategories);
    

    直播demo .

    不太复杂的方法是将 xAxis.type 定义为 'category'

    "xAxis": {
        "type": "category"
    },
    

    直播demo .

相关问题