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 }, }], }, }
charts Y轴和X 轴的Label样式
最新推荐文章于 2023-04-18 14:11:14 发布