例如柱狀圖:
<ve-histogram :settings="chartSettings" :extend="chartExtend" :grid="grid" :data="item" ref="chart2"></ve-histogram>
data() { this.chartExtend = { series: { color: "rgb(126, 203, 224)", //柱子背景顏色 label: { show: true, position: "top", textStyle: { color: "rgb(126, 203, 224)" } } }, xAxis: { axisLabel: { textStyle: { color: "rgb(126, 203, 224)" //x軸字體顏色 } } }, yAxis: { axisLabel: { textStyle: { color: "rgb(126, 203, 224)" //y軸字體顏色 } } }, legend: { textStyle: { color: "rgb(126, 203, 224)" //圖例字體顏色 } } }; this.grid = { show: true, top: 50, left: 10, backgroundColor: "#041332", //圖表背景顏色 borderColor: "#000" }; this.chartSettings = { labelMap: { c: "每箱iv值" } };
