Highchart:绘制2个点

时间:2017-02-24 12:27:45

标签: highcharts label formatter

我正在使用区域/折线图并绘制2点。还使用xAxis Label formatter属性自定义标签以显示如下。但是使用它时,不会生成图表。而且我也尝试删除formatter属性,生成的图表ID,但xAxis标签显示为0.5 [至少我们需要从类别中获取标签文本]。我已经包含了2个jsfiddle url,我们尝试了两种方法。请帮助并提供显示我们在类别中提供的xAxis标签的解决方案。

的jsfiddle:

http://jsfiddle.net/jw2p5Lxa/17/
http://jsfiddle.net/p2EYM/116/

labels: {           
         formatter: function() {              
                    return this.value.substring(0, this.value.indexOf('_'));
            }

提前致谢!

2 个答案:

答案 0 :(得分:0)

你基本上告诉图表,用你的最小值和最大值来切断第一个和最后一个标签。

摆脱这个:

min: 0.5,
max: categories.length - 1.5,

并使用此:

minPadding:0,
maxPadding:0,

更新小提琴:

输出:

enter image description here

答案 1 :(得分:0)

您可以在数组中保存类别,并使用xAxis.formater()在第一个示例中显示特定标签:

var categories = ['Jan 12_Jan 12', 'Feb 12_Feb 12'];

formatter: function() {
    return categories[this.value];
}

另外,请勿使用min和max属性。在第二个例子中,摆脱min / max就足够了。

示例:

http://jsfiddle.net/jw2p5Lxa/21/

http://jsfiddle.net/p2EYM/120/