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

我正在使用JavaScript的

highstocks

库呈现作为学校项目一部分收集的一些数据

尽管事实证明，

highstocks

表现出色，但x轴却出现了问题

由于干扰，收集的数据并不总是以整齐的间隔出现，我希望图表能够反映这一点

目前，x轴在某些位置“跳跃”

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

目前，

ordinal

值被设置为

false

，我希望它能修复x轴

设置相关设置：

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

    exporting: {
    enabled: false
    },

    credits: {
        enabled: false
    },

    xAxis: {
         ordinal: false
    }
};

我觉得在这一点上我已经尝试了所有可能的设置排列-也许有更有经验的人可以让我走上正确的道路

可以在此处找到问题的图像：

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

代码托管在GitHub上，可在以下位置找到：

---

相关代码未包含在问题中，但我将解决这个问题

您正在使用

baseSettings

对象和自定义设置对象（我们称它们为

customSettings

）来形成图表。使用jQuery

extend

函数合并这两个单独的设置

这里的问题是，当

baseSettings

和

customSettings

都包含

xAxis

属性时，它们不会被合并，因为您没有使用

extend

函数的

deep

变体

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

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

相反，使用此（

true

添加为

extend

的第一个参数）：

有关如何工作以及当前设置无法工作的原因的详细信息，请参阅

参数摘要：

deep

类型：布尔型

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

---

非常感谢你！我一个人永远也想不到。

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