javascript - 如何使Highstocks x轴均匀且规则?

我正在使用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

最佳答案

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

您正在使用baseSettings对象和自定义设置对象(将其称为customSettings)来形成图表。这两个单独的设置使用jQuery extend函数合并。

您的问题是,当baseSettingscustomSettings都包含xAxis属性时,它们将不会合并,因为您没有使用deep函数的extend变体。

简而言之,您当前拥有以下功能:

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


而是使用以下命令(将true添加为extend的第一个参数):

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


有关此方法的工作原理以及当前设置为何不起作用的详细信息,请参见the jQuery API

参数摘要:


  深
  
  类型:布尔
  
  如果为true,则合并将变为递归(也称为深层复制)。

本文翻译自 https://stackoverflow.com/questions/30981076/

网站遵循 CC BY-SA 4.0 协议,转载或引用请注明出处。

标签 javascript highcharts ordinal


相关文章:

windows - 如何使用序号调用导出的函数

c++ - C ++枚举从0开始?

java - 你如何格式化当天的日期来说“第11”,“第21”或“第23”(序数指标)?

javascript - 使用jQuery将键对值中的值添加到附加属性中

javascript - 用JavaScript分割字符串

javascript - Highcharts在初始渲染后更新pointRange,pointWidth

javascript - 高库存-不定期的时间间隔

javascript - jQuery-右下图不上

javascript - jQuery的香草JS; html标签的每个循环

javascript - Highchart极坐标图-4个不同系列的嵌套圆