Блог

Я использую рельсы 6, чтобы нарисовать диаграмму за диаграммой. Ось 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"));
  }
 
}
 

Мои входные данные-это данные диаграммы, например, [«16, 21 июля», 146.39].