javascript - 带有按月(如一月、二月、三月)时间戳分组的数据,并在 Highcharts 中显示为该月的总计数

标签 javascript charts highcharts

使用 Highcharts,是否可以按月绘制柱形图(如一月、二月、三月),作为数据我有时间戳,但无法将数据分组到每个月的列。

http://jsfiddle.net/k6onhj2x 在这里输入代码

xAxis: {
        type: 'datetime',
        dateTimeLabelFormats: { // don't display the dummy year
            month: '%e. %b',
            year: '%b'
        },
        title: {
            text: 'Date'
        }
    }

这里的图表是时间戳,但我想将其转换为月度。

最佳答案

这在 Highcharts 中是不可能的,但在 Highstock 中是可能的。您可以将选项 dataGrouping 放在 plotOptions 上:

plotOptions: {
    column: {
        dataGrouping: {
            forced: true,
            units: [['month', [1]]]
        }
    }
}

这将强制图表每 1 个月对数据进行分组。 但是使用 Highstock 会改变您的大部分选项,您可以将这些选项改回来。

这是更改所有选项后的样子:jsfiddle

正如我所说,您必须更改许多选项才能使其看起来一样,例如 legendrangeSelectornavigator yAxis.opposite滚动条

关于javascript - 带有按月(如一月、二月、三月)时间戳分组的数据,并在 Highcharts 中显示为该月的总计数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29873806/

相关文章:

javascript - Chart.js 条形图 : Grid color and hide label

javascript - 如何在回调函数之外访问数据表并从图表中添加/删除行?

c# - 将图表系列数据复制到另一个图表

javascript - 使用 highcharts 在同一页面上显示向下钻取图和漏斗图

highcharts - 使文本适应 Highcharts 工具提示最大宽度

javascript - 有没有像 Firefox 中的便签本一样工作的 Chrome 应用程序?

javascript - HTML 文本区域选项卡支持

javascript - 更新点

javascript - 如何使用 Angular js在指令中给出点击事件?

javascript - 从搜索 jquery 中删除区分大小写