// initmap(xdata, ydata1, ydata2) {
// let lineStyle2 = {};
// if (this.colorb == 2) {
// lineStyle2 = {
// color: '#454d65',
// // opacity: 0.1,
// }
// }
// // let label = ;
// let value = [90, 70, 88, 75, 88, 79, 80];
// let value2 = [60, 50, 68, 30, 35, 47, 66];
// var option = {
// // backgroundColor: '#101e44',
// grid: {
// top: 15,
// bottom: 0,
// left: 10,
// right: 10,
// containLabel: true,
// },
// tooltip: {
// trigger: 'axis',
// axisPointer: {
// lineStyle: {
// color: {
// type: 'linear',
// x: 0,
// y: 0,
// x2: 0,
// y2: 1,
// colorStops: [{
// offset: 0,
// color: 'rgba(255,255,255,0)', // 0% 处的颜色
// },
// {
// offset: 0.5,
// color: 'rgba(255,255,255,1)', // 100% 处的颜色
// },
// {
// offset: 1,
// color: 'rgba(255,255,255,0)', // 100% 处的颜色
// },
// ],
// global: false, // 缺省为 false
// },
// },
// },
// },
// xAxis: {
// type: 'category',
// boundaryGap: false,
// axisLabel: { //文本标签
// // formatter: '{value}',
// fontSize: 10,
// // margin: 20,
// color: (value, index) => {
// return this.colorb == 1 ? '#929294' : '#36e8f9'
// },
// textStyle: {
// // color: '#858585',
// },
// rotate: 40
// },
// // axisLabel: {
// // interval: 0,
// // color: fcolor,
// // fontSize: 13,
// // },
// axisTick: {
// show: false,
// },
// axisLine: { //x轴
// show: false,
// lineStyle: {
// // color: '#ececec'
// }
// },
// data: ['08/23', '08/24', '08/25', '08/26', '08/27', '08/28', '08/29'],
// },
// yAxis: {
// // name:'%',
// splitLine: {
// show: true,
// lineStyle: lineStyle2
// },
// axisLabel: {
// formatter: '{value}',
// color: (value, index) => {
// return this.colorb == 1 ? '#929294' : '#36e8f9'
// }
// }
// },
// series: [
// {
// name: '数据1',
// type: 'line',
// smooth: true,
// showSymbol: true,
// symbolSize: 4,
// zlevel: 3,
// itemStyle: {
// color: '#2c99ff',
// borderColor: '#2c99ff',
// },
// lineStyle: {
// normal: {
// width: 1,
// color: '#2c99ff',
// },
// },
// // areaStyle: {
// // normal: {
// // color: new echarts.graphic.LinearGradient(
// // 0,
// // 0,
// // 0,
// // 1,
// // [{
// // offset: 0,
// // color: 'rgba(46, 153, 255,0.9)',
// // },
// // {
// // offset: 0.8,
// // color: 'rgba(46, 153, 255,0)',
// // },
// // ],
// // false
// // ),
// // },
// // },
// data: value,
// },
// {
// name: '数据2',
// type: 'line',
// smooth: true,
// showSymbol: true,
// symbolSize: 4,
// zlevel: 3,
// itemStyle: {
// color: '#ffa628',
// borderColor: '#ffa628',
// },
// lineStyle: {
// normal: {
// width: 1,
// color: '#ffa628',
// },
// },
// areaStyle: {
// normal: {
// color: new echarts.graphic.LinearGradient(
// 0,
// 0,
// 0,
// 1,
// [{
// offset: 0,
// color: 'rgba(255, 169, 41,0.9)',
// },
// {
// offset: 0.8,
// color: 'rgba(255, 169, 41,0)',
// },
// ],
// false
// ),
// },
// },
// data: value2,
// },
// ],
// };
// // 实现ecarths图的自适应
// window.addEventListener("resize", () => {
// if (this.mychart != null) {
// this.mychart.resize();
// }
// })
// this.mychart = echarts.init(document.getElementById('echarts_2'));
// this.mychart.setOption(option, true);
// }
echarts 折线的使用
最新推荐文章于 2023-10-21 16:35:49 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)