如何使Highstocks x轴均匀且规则？

Question

我正在使用针对JavaScript的highstocks库来渲染一些作为学校项目一部分收集的数据。

尽管高highstocks已被证明是不错的选择，但x轴却在起作用。

由于干扰，收集的数据并非总是以整齐的间隔出现，我希望图形能够反映出来。

当前，x轴在某些地方“跳跃”。

我想要一个规则的x轴，刻度线间隔均匀。

当前， ordinal数值设置为false ，我希望可以固定x轴。

设置了相关设置：

var baseSettings = {
    rangeSelector: {
        enabled: false
    },

    exporting: {
    enabled: false
    },

    credits: {
        enabled: false
    },

    xAxis: {
         ordinal: false
    }
};

我感觉到我已经尝试了所有可能的设置变更-也许更有经验的人可以将我设置在正确的路径上？

问题的图像可以在这里找到： https : //imgur.com/UUE50iF

该站点可以在这里找到：cansat.sg.dk/graph/andoeya_droptest（链接已禁用，因为我只能发布2个链接...）

该代码托管在GitHub上，可以在以下位置找到： https : //github.com/dkkline/CanSat14-15/tree/master/presenter

Answer 1

问题中未包含相关代码，但我将解决该问题。

您正在使用baseSettings对象和自定义设置对象（将其customSettings ）来形成图表。 这两个单独的设置使用jQuery extend功能合并。

您的问题是，当baseSettings和customSettings都包含xAxis属性时，它们将不会合并，因为您没有使用extend功能的deep变体。

简而言之，您当前拥有以下功能：

$(domIdent).highcharts('StockChart', $.extend({}, baseSettings, {
    // Custom settings
}));

相反，请使用以下命令（将true添加为extend第一个参数）：

$(domIdent).highcharts('StockChart', $.extend(true, {}, baseSettings, {
    // Custom settings
}));

请参阅jQuery API，以详细了解它如何工作以及当前设置为何不起作用。

参数摘要：

深

类型：布尔

如果为true，则合并将变为递归（也称为深层复制）。