更改高图x轴标签

时间:2015-07-08 10:26:11

标签: php highcharts format

是否可以更改高图的X轴标签以包含点形式的千位分隔符?

我的X轴有以下值10000,20000,30000我需要转换为10.000,20.000,30.000

这就是我所拥有的:

var store = new dojo.data.ItemFileWriteStore({
        data:  data
  });

var treeModel = new dijit.tree.ForestStoreModel({
        rootId: "id",
        rootLabel: "label",
        store: store,
        breadCrumb : 'bcInfo',
        childrenAttrs: ["children"]
    });

     var treeControl = new dijit.Tree({
        model: treeModel,
        dndController: "dijit.tree.dndSource",
        persist: false,
        showRoot: false,
        onMouseOut: function(e){ 
            var node = dijit.getEnclosingWidget(e.target);
            dijit.Tooltip.hide(node.labelNode); 
        },
        onMouseOver: function(e) {          
            var node = dijit.getEnclosingWidget(e.target);
            if(node.item != undefined)
            {
                if(node.item.ToolTipContent != undefined)
                 dijit.Tooltip.show(node.item.ToolTipContent, node.labelNode);  
            }                           
        }
    }, "tree-view");

我需要更改值以千分隔符显示。但我不知道如何操纵价值。

1 个答案:

答案 0 :(得分:1)

首先设置thousandsSep,如下所示:

Highcharts.setOptions({
    lang: {
        thousandsSep: "."   
    }
});

现在,更新您的格式:

format: '{value:,.0f}'

工作演示:

http://jsfiddle.net/4bvhm97j/

有关在docs中的Highcharts格式化字符串的更多信息。