Vue 上的 ChartKick 在 x 轴上使用不同的值防止折线图绘制线条

编程问答 2022-05-30

问题描述

我在 Vue 上使用 ChartKick 并且有一个烦人的问题，即 chartkick 需要在 x 轴上具有相似性才能正确绘制线条。

有人在不同的时间输入数据，我不想整合点或强迫人们在同一天输入...

enter image description here

红线需要是连续的，x轴上的刻度需要有相似的步长。

这是我的代码：

<div id="app">
      <line-chart :data="data"></line-chart>
    </div>

    <script>
      new Chartkick.LineChart("app",[{"name":"1","data": {
          "2020-02-03 00:00:00": 0,"2020-03-10 00:00:00": 1,"2020-04-17 00:00:00": 0,"2020-05-17 00:00:00": 1,"2020-06-03 00:00:00": 2,"2020-06-17 00:00:00": 3,"2020-07-06 00:00:00": 3,"2020-08-04 00:00:00": 4,}},{"name":"2","data": {
          "2020-02-03 00:00:00": 1,"2020-03-10 00:00:00": 2,"2020-04-17 00:00:00": 2,"2020-05-17 00:00:00": 2,"2020-07-06 00:00:00": 2,"2020-08-04 00:00:00": 1,}}]);
     
    </script>

有没有人知道如何实现这一目标？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

chartkickvue.js