在Highcharts

时间:2016-04-29 16:26:04

标签: javascript highcharts

我使用HighCharts创建了一系列迷你图表。数据正在跨度的data-sparkline属性中定义。除此之外,span的data-sparkdate属性指的是第一个数据点的月份。类似的东西:

<span id="sparky" data-sparkdate="Sep-2015" data-sparkline="584.783333, 624.500000, 611.666666, 651.725806, 602.416666"></span>

将鼠标悬停在火花线标记上时,标签会显示当前值,开始月份和x点的索引编号。即Sep-2015, 1 612Sep-2015, 2 625Sep-2015, 3 612等。

我想要做的是将x索引添加到日期,并显示为:Sep-2015, 612Oct-2015, 625Nov-2015, 612等等。

正如您在this JSFiddle上看到的那样,我尝试将{point.x}添加到日期值,但它并未评估为数字。还有其他方法可以在每个标记处将日期增加一个吗?

感谢

JSFiddle

2 个答案:

答案 0 :(得分:0)

您可以将格式化程序用于xAxis标签并引用stringdate变量。

  xAxis:{
    tickInterval: 1,
    labels:{
        formatter: function() {
            return stringdate + ', ' + this.value;
        }
    }
  },

示例:

答案 1 :(得分:0)

根据@jlbriggs的评论,我使用了pointStartpointInterval来实现这一目标而没有格式化函数。 API也有pointIntervalUnit。如果我把它设置为“月份”。那么x值会自动从开始日期开始增加一个月。