Angular: хотите отображать имена внутри столбцов диаграммы - PullRequest
0 голосов
/ 16 июня 2019

Я использую chartjs для отображения некоторых данных. Я пытаюсь динамически добавлять данные в массив наборов данных, но он не работает.

Использование дополнительных плагинов: - Плагин Legend ()

this.chart = new Charts  ('LineChart',
    {
    type: 'bar',
    data: {
        labels: this.graphdates,
        // data : this.graphname,


    datasets: [
    {
        label: 'prizemoney',
        data: this.graphprize,


        backgroundColor: "#0000FF",
        value : this.grpdata,
    },
    {
        label: 'Bid Amount',
        data: this.graphbid,
        backgroundColor: "#FF1493",
    }, 


    ],
     plugins: [
        Chartist.plugins.legend()
    ]
},

options: {
     animation: {
      duration: 10,
    },
    plugins: [ legend() ],

    legend: {
        labels: {
            // This more specific font property overrides the global property
            fontColor: 'black',
            series : this.graphname,
        }
    },

      responsive: true,
      maintainAspectRatio: false,

    tooltips: {
      mode: 'label',
      backgroundColor: '#FFF',
      titleFontSize: 16,
      titleFontColor: '#0066ff',
      bodyFontColor: '#000',
      bodyFontSize: 14,
      displayColors: false
     },
    scales: {
      xAxes: [{
        stacked: true,
        barPercentage: 0.6,
        gridLines: { display: false },
        ticks: {
            fontSize: 15
        },
        scaleLabel: {
            display: true,
            labelString: 'Auction Date',
            fontSize: 25,
            fontStyle: "bold",
        },
      }],
      yAxes: [{
        stacked: true,
        ticks: {
            fontSize: 15
        },
        scaleLabel: {
            display: true,
            labelString: 'Amount',
            fontSize: 25,
            fontStyle: "bold",
        }
      }],
    },
    legend: {display: true}
}

});

Хотите отобразить некоторые данные в барах, т.е. по оси Y.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...