Пузырьковая диаграмма Chart.js по оси x находится в диапазоне от 0:00 до 23:00 - 23:00. - PullRequest
Новая
       56

Пузырьковая диаграмма Chart.js по оси x находится в диапазоне от 0:00 до 23:00 - 23:00.

0 голосов
/ 11 декабря 2019

HTML-код: 

<div class="chart-wrapper">
        <canvas baseChart class="chart"
          [labels]="bubbleChartLabels"
          [datasets]="bubbleChartData"
          [options]="bubbleChartOptions"
          [colors]="bubbleChartColors"
          [legend]="bubbleChartLegend"
          [chartType]="bubbleChartType">
        </canvas>
      </div>

Код TS: 

public bubbleChartOptions = {
    legend: {
      display: false,
    },
    responsive: true,
    scales: {
      xAxes: [
        {
          // ticks: {
          //   min: 0,
          //   max: 24,
          //   stepSize: 1,
          // },
          type: 'time',
          time: {
              displayFormats: {
                  // quarter: 'MMM YYYY'
                  hour: 'HA-HA'
              }
          },
          gridLines: { 
            color: 'rgba(0,0,0,0)'
          }
        },
      ],
      yAxes: [

        {
          gridLines: { 
            color: 'rgba(0,0,0,0)'
          }
        },
      ]
    }
  };
  public bubbleChartType = 'bubble';
  public bubbleChartLegend = true;

  public bubbleChartData = [
    {
      label: ["0s", "10s", "20s", "30s", "40s", "50s", "60s"],

    }

  ];

Я хочу изменить ось х на: 00:00-00AM, 00-01AM, 01 AM-02AM,02 AM-03AM, 03 AM-04AM, 04 AM-05AM, до 23 PM-24PM И я хочу добавить с понедельника по субботу по оси Y. Если у вас есть идеи, пожалуйста, ответьте или прокомментируйте. В настоящее время это: Curent Bubble Chart

...