如何从Chartjs中的数组对象绘制标签和数据

时间:2019-02-17 21:31:43

标签: javascript arrays chart.js

一个非常简单的问题,我似乎找不到解决方法。

var data = [{
btc_usd_net: "0.60",
xmr_usd_net: "0.47",
eth_usd_net: "0.34",
ltc_usd_net: "0.77",
zec_usd_net: "0.24"}]

var ctx = document.getElementById("myDoughnutChart").getContext('2d');

var myDoughnutChart = new Chart(ctx, {
    type: 'doughnut',
    data: {
        // labels: not sure what goes here,
        datasets: [{
            label: 'Payouts',
            // data: data,
            backgroundColor: [
                'rgba(255, 179, 71, 1)',
                'rgba(255, 105, 97, 1)',
                'rgba(177, 156, 217, 1)',
                'rgba(242, 217, 132, 1)',
                'rgba(96, 96, 96, 1)',
            ],
            borderColor: [
                'rgba(255, 165, 0, 1)',
            ],
            borderWidth: 3
        }]
    },
    options: {
                        legend: {
							display: true,
                            labels: {
                                fontColor: '#ffffff'
						},
    },
    }
})

var data是我从后端以JSON格式接收的数据的示例。

如何在chartJS的左侧绘制标签,在右侧的数据绘制图表?

0 个答案:

没有答案