【问题标题】:ChartJS Bar chart painting second bar to the rightChartJS 条形图绘制右侧第二条
【发布时间】:2016-07-28 08:32:37
【问题描述】:

我有一个使用最新版本 charts.js 的条形图。现在我需要显示条形图,在右边,一个实际上与其余部分无关的条形图。 (第一个条是每月的值,最后一个条是本月的预测)

请参阅此处以更好地理解我的意思。 https://jsbin.com/diqetaxeqi/edit?js,output

预测栏在右侧有自己的 y 轴。我一直在努力将栏设置到右侧,并通过创建一个用 0 填充值的新数据集来解决这个问题,以确保它是绘制的最后一个栏。这样做的问题是标签不再居中,因为仍然绘制了 0 值的条。

我怎样才能更好地解决这个问题? 谢谢

【问题讨论】:

    标签: javascript charts bar-chart chart.js


    【解决方案1】:

    您的代码需要 2 个不同的数据集?或者他们都可以像 4 一样:

    data: [18739460, 33056135, 36562034, 3234234] ?
    

    【讨论】:

    • 它们都可以相同,但我只想将预测条绘制为最后一个条。实际上它应该只绘制一次。您知道,将预测显示为每个月的条形是没有意义的,因为预测是针对本月的,而不是针对过去的。
    • 嘿@Antonio。谢谢,但我不希望预测与其他预测在同一个 yAxis 上。如果例如最后几个月的值像 1000 和 1500 但预测像 30.000,这将导致很多问题。您将无法看到较低的值。
    【解决方案2】:

    好的。堆叠条形就可以了。

    stacking:true
    

    在 xAxis

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-07-03
      • 2017-10-05
      • 2020-06-23
      • 1970-01-01
      • 1970-01-01
      • 2016-10-09
      相关资源
      最近更新 更多