Breaking News: Grepper is joining You.com. Read the official announcement!

chart js two layer label

Dead Dotterel answered on July 21, 2022 Popularity 3/10 Helpfulness 4/10

answer chart js two layer label

chart js two layer label

Comment

var ctx = $("#c");
var myChart = new Chart(ctx, {
  type: 'line',
  data: {
    labels: ["January;2015", "February;2015", "March;2015", "January;2016", "February;2016", "March;2016"],
    datasets: [{
      label: '# of Votes',
      data: [12, 19, 3, 5, 2, 3]
    }]
  },
  options: {
    scales: {
      x: {
        ticks: {
          callback: function(label) {
            let realLabel = this.getLabelForValue(label)
            var month = realLabel.split(";")[0];
            var year = realLabel.split(";")[1];
            return month;
          }
        }
      },
      xAxis2: {
        type: "category",
        grid: {
          drawOnChartArea: false, // only want the grid lines for one axis to show up
        },
        ticks: {
          callback: function(label) {
            let realLabel = this.getLabelForValue(label)

            var month = realLabel.split(";")[0];
            var year = realLabel.split(";")[1];
            if (month === "February") {
              return year;
            } else {
              return "";
            }
          }
        }
      },
      y: {

        beginAtZero: true

      }
    }
  }
});

Popularity 3/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: javascript label layer

Link to this answer
Share Copy Link