javascript - 重绘图表后,line_chart 的 Chart.js 问题未在 x 轴上显示所有日期
问题描述
我正在使用 rails 6 通过 Chart kick 绘制图表。当我第一次将数据传递到图表时,折线图 x 轴工作,但是当我尝试更改数据并重绘图表时,line_chart 不会在 x 轴上显示所有日期。这是我的重绘js:
import ApplicationController from "./application_controller";
import StimulusReflex from "stimulus_reflex";
import Chartkick from "chartkick";
export default class extends ApplicationController {
static targets = [];
static values = {};
connect() {
StimulusReflex.register(this);
console.log("Charts Controller Loaded");
}
afterReflex() {
console.log(this.data.get("chartdata"));
let dimensions = JSON.parse(this.data.get("dimensions"));
// console.log(this.element);
// console.log(dimensions[0]);
// console.log(dimensions[1]);
let chart = Chartkick.charts["dash-chart"];
chart.updateData(JSON.parse(this.data.get("chartdata")), {
points: false,
min: dimensions[0],
max: dimensions[1],
library: {
plugins: {
legend: {
display: false
},
tooltip: {
mode: 'index',
intersect: false
}
},
hover: {
mode: 'nearest',
intersect: false
},
},
});
chart.redraw();
//console.log(this.data.get("chartdata"));
}
}
我的输入数据是chartdata,例如["Jul 16, 21", 146.39]。
解决方案
推荐阅读
- jquery - 如何使用具有 WooCommerce 功能的 jquery 更新 href 链接
- r - 在单个图中为一个连续 Y 变量绘制多个 X 变量
- jetbrains-ide - 设置中缺少 WebStorm 系统字体
- javascript - jQuery中带有if条件的&&语句不起作用
- java - 如何查找arrayList中的哪些二维点是共线的
- python - sqlalchemy UnmappedInstanceError:类'builtins.NoneType'未映射
- xcode - 有没有办法使用命令工具自动运行 xcode 内存图?
- node.js - 调用函数node.js的动态时间间隔
- c# - 无法在 ListView 中插入来自 Sqlite 的数据
- rust - 有没有我们应该使用 `unwrap` 的好案例?