【问题标题】:Keep default tickSize but add a single tick保留默认的 tickSize 但添加一个刻度
【发布时间】:2023-04-04 10:49:02
【问题描述】:

在 jquery flot 图表中,我尝试保留默认的 tickSize(由插件本身管理,我对所做的决定感到满意),但我想在轴上显示一个特定值,实际上是最后一个我的系列的价值。

例如在下面的小提琴中,对于我的用户来说,tickSize 为 1 或 0.5(默认值)非常有用,而且 0.8 也是系列的最后一个值。

有什么线索吗?

谢谢

http://jsfiddle.net/50mea86h/

$.plot(
    $("#placeholder"), 
  [ d1 ], 
  {
  yaxes: [ { tickSize: 0.5, ticks: [ 0.8 ]}]
  }
);

【问题讨论】:

  • 到底是什么问题?您的问题的目标完全不明确
  • 默认刻度为“1,0.5,0,-0.5,-1”。我想保留这个默认行为,但添加 0.8;因此是默认刻度 + 特定值的组合。

标签: javascript jquery flot axis-labels


【解决方案1】:

您可以使用默认刻度绘制原始图表,然后读取刻度,添加额外刻度并使用新刻度再次绘制图表。像这样的:

var plot = $.plot(
    $("#placeholder"),
    [d1]
);

var newticks = plot.getAxes().yaxis.ticks.map(t => t.v);
newticks.push(0.8);

plot = $.plot(
    $("#placeholder"),
    [d1], {
        yaxis: {
            ticks: newticks
        }
    }
);

Link to fiddle.

【讨论】:

  • 非常感谢。这个技巧作为一个起点非常有用,我已经解决了我的问题。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2018-07-19
  • 1970-01-01
  • 1970-01-01
  • 2019-10-15
  • 1970-01-01
  • 2016-05-11
  • 2016-08-30
相关资源
最近更新 更多