V-charts的一些基本样式设置

data（）{ // 设置面积图 this.chartSettings = { stack: { 日期: ["计划", "签约"] }, area: true }; // 设置折线图y轴颜色，网格颜色 this.yAxis = [ { axisLabel: { show: true, textStyle: { color: "#5092C1", //这里是改变字体颜色 fontSize: 12 //字体大小 } }, 网格 splitLine: { show: true, lineStyle: { color: ["#5092C1"], width: 1, type: "solid" } } } ]; // 设置折线图x轴颜色，网格颜色 this.xAxis = [ { data: ["1号", "2号", "3号", "4号", "5号", "6号", "7号", "8号"], name: "日期", axisLabel: { show: true, textStyle: { color: "#5092C1", //这里是改变字体颜色 fontSize: 12 //字体大小 } }, 网格 splitLine: { show: false, lineStyle: { color: ["#5092C1"], width: 1, type: "solid" } } } ]; // 设置图例位置 this.legend = [ { orient: "vertical", x: "right", y: "top", textStyle: { color: "#2B80FF" } } ]; // 设置折线图折线样式 this.series = [ { name: "计划", type: "line", stack: "计划", itemStyle: { normal: { lineStyle: { color: "#5092C1" } } }, 面积样式 areaStyle: { color: "rgba(8,180,255,0.2)", opcity: 0.1 }, data: [30, 50, 60, 80, 100, 120, 150, 160] }, { name: "签约", type: "line", stack: "签约", itemStyle: { normal: { lineStyle: { color: "#7EFAFC" } } }, areaStyle: { color: "rgba(8,180,255,0.1)", opcity: 0.05 }, data: this.clinicRanking } ];