【问题标题】:Offset displayed data 4 hours forward on HighCharts x axis在 HighCharts x 轴上偏移显示数据 4 小时
【发布时间】:2017-11-28 02:16:57
【问题描述】:

我有现有的图表显示全天上午 12:00 - 12:00 的数据。

现在需要将一张图表向前更改以显示凌晨 4:00 - 凌晨 4:00。

我已经成功移动了 x 轴标签 (.add(4, 'hours')) 但图表数据仍然在同一位置。

如何将图表数据向前移动 4 小时?

更改全局变量的范围有限,因为这会影响其他图表。

var getChartSeries = function(response, chart_series_data) {
        var lines = response.graph_data.lines;
        for (var i=0; i<lines.length; i++) {
            var series = lines[i];
            var dateFormat = graphDateFormat;
            if (chartIntraday) dateFormat = 'HH:mm:ss';
            var currSeriesData = [];
            for (var j=0; j<series.data.length; j++) {
                var row = series.data[j];
                var yValue = parseFloat(row[1]);
                var point = {
                    x: moment(row[0], dateFormat).add(4, 'hours').valueOf(),
                    y: yValue,
                    displayValue: row[3]
                };
                currSeriesData.push(point);
            }
            // Set the series name, legend label, and the line identifier
            var name = formatLegendLabel(series.display_name, response);
            var label = response.label;
            if (response.display_name != undefined && response.display_name != '') label = series.display_name + ' : ' + label;

【问题讨论】:

    标签: javascript charts highcharts momentjs series


    【解决方案1】:

    默认情况下,图表会根据提供的数据调整极值。要在第一点之前显示这几个小时,请使用 xAxis.min 属性。

    现场演示: http://jsfiddle.net/kkulig/xqdqooh9/

    API 参考: https://api.highcharts.com/highcharts/xAxis.min

    【讨论】:

    • 我得到了一些帮助,并将 Django/SQL 查询调整到不同的范围。感谢您的输入。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-04-10
    • 1970-01-01
    • 2016-01-16
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多