Сплошная линия сетки для дна и тире, chart.js - PullRequest
Новая
       30

Сплошная линия сетки для дна и тире, chart.js

0 голосов
/ 03 ноября 2018

enter image description here

Я использую chart.js и угловые 5 для построения линейного графика, и я пытаюсь избавиться от пунктирной линии внизу (350) и сделать ее сплошной для линии с галочками (октябрь 2018) Есть идеи, как это сделать? Я хочу, чтобы фоновые оси были пунктирными и слегка серыми, как сейчас, но я хочу, чтобы нижние были сплошными. 

this.chart = new Chart('chart', {
  type: 'line',
  data: {
    labels: this.labels,
    datasets: [
      {
        label: '',
        data: this.getPoints(),
        borderColor: this.BaseColor,
        backgroundColor: this.BaseColor,
        pointBackgroundColor: this.getBackground(),
        pointRadius: 6,
        pointBorderWidth: 3,
        pointHoverBackgroundColor: this.white,
        borderWidth: 3
      }
    ]
  },
  options: {
    responsive: true,
    legend: {
      display: false
    },
    scales: {
      xAxes: [{
        gridLines: {
          color:  this.GridColor,
          drawBorder: true,
          drawOnChartArea: false,
        }],
      yAxes: [{
        gridLines: {
          drawBorder: false,
          borderDash: [8, 4]]}
    showLines: true,
    elements: {
        line: {
            tension: .25,
            fill: false,
            borderColor: this.BaseColor,
            borderWidth: 3
        },
        point: {
            radius: 7,
            borderWidth: 0,
            hoverRadius: 7,
            hoverBorderWidth: 3,
            hitRadius: 7
        },
    },
...