charts Y轴和X 轴的Label样式

options: {
    responsive: true,
    tooltips: {
        callbacks: {
            label: function(tooltipItem, data) {
                var label = data.labels[tooltipItem.index];
                var value = data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index];
                var formatValue = toThousands(value);
                return label + ": "+ formatValue;
            }
        }
    },
    title: {
        display: true,
        text: 'my data',
        fontSize: 14,
        fontColor: '#e4e7ea',//'rgba(255, 255, 255)'
    },
    legend: {
        position: 'bottom',
        fontColor: '#e4e7ea',//'rgba(255, 255, 255)',
        backgroundColor: 'rgba(255, 255, 255)',
        borderColor: 'rgba(255, 255, 255)',
        labels: {
            boxWidth: 10,// 修改宽度
            fontSize: 8,
            fontColor: '#e4e7ea',//'rgba(255, 255, 255)',
            padding: 10,
            backgroundColor: 'rgba(255, 255, 255)',
            borderColor: 'rgba(255, 255, 255)',
            scaleLineColor : "rgba(255,255,255)"
        }
    },
    scales: {
        xAxes: [{
            stacked: true,
            ticks: {
                fontColor: '#e4e7ea' // X轴样式
            }
        }],
        yAxes: [{
            type: 'linear', 
            position: 'left',
            id: 'y-axis-1',
            backgroundColor: 'rgba(255, 255, 255)',
            borderColor: 'rgba(255, 255, 255)',
            ticks: {
                fontColor: '#e4e7ea',// Y轴样式
                callback: function(value, index, values) {
                    return "$"+values; // Y轴Label显示
                }
            }
        }, {
            type: 'linear', 
            position: 'right',
            id: 'y-axis-2',
            ticks: {
                fontColor: '#e4e7ea', // Y轴样式
                callback: function(value, index, values) {
                    return "$"+values;
                }
            },
            // grid line settings
            gridLines: {
                drawOnChartArea: false, // only want the grid lines for one axis to show up
            },
        }],
    },
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值