Echart 使用

最新推荐文章于 2024-08-24 09:46:19 发布

前端技术栈

最新推荐文章于 2024-08-24 09:46:19 发布

阅读量4.3k

点赞数

分类专栏： js 小程序

本文链接：https://blog.csdn.net/weixin_42981560/article/details/90639760

版权

js 同时被 2 个专栏收录

99 篇文章 3 订阅

订阅专栏

小程序

39 篇文章 1 订阅

订阅专栏

查看前端面试题小程序大量面试题和答案，请微信查看

在这里插入图片描述

// var list = [1,1,54,5,5,85,8,8,5,5,8,8,85,8,8,5,5,85,88,85,8,88,8,8,8,8,88,]; //x轴的 时间
// var list1= [];  //温度数据
// var list2=[]    //湿度数据

// function initChart(canvas, width, height) {
//   const chart = echarts.init(canvas, null, {width: width,height: height});
//   canvas.setChart(chart);
//   var option = {
//     tooltip: {trigger: 'axis'},
//     color: ['#F8DF64', '#76FB4C'], //icon颜色
//     legend: {
//       data: [{name:'温度（℃）',textStyle: {color: '#333'},color:'#000'}, 
//         { name: '湿度（％RH）', textStyle: { color: '#333' }}],  y: 'bottom',
//     },
//     grid: {left: '1%',right: '1%',top: '10%',containLabel: true}, //图形的位置
//     // x坐标
//     xAxis: {type: 'category',boundaryGap: false,data: list,name: '',nameGap: 2,axisLabel: {interval: 0}},
    
//     // y坐标
//     yAxis: {type: 'value',min: -30,max: 120},
//     series: [
//       {
//         name: '温度（℃）',
//         type: 'line',
//         stack: '总量',
//         smooth: true,
//         itemStyle: {normal: {lineStyle: {color: '#F8DF64'}}},  
//         data: list1
//       }, {
//         name: '湿度（％RH）',
//         type: 'line',
//         smooth: true,
//         stack: '总量',
//         itemStyle: {normal: {lineStyle: {color: '#76FB4C'}}},  
//         data: list2
//       }
//     ]
//   };
//   chart.setOption(option);
//   return chart;
// }