1.我是用的element + vue下面的代码是js代码

                        let myChart = echarts.init(document.getElementById('main'));that.tableData = data;that.loading = false;myChart.setOption({title: {text: '高炉锌负荷趋势图'},tooltip: {trigger: 'axis'},legend: {data: ['锌', '铝', '镉', '铅', '汞']},grid: {left: '3%',right: '4%',bottom: '3%',containLabel: true},toolbox: {feature: {saveAsImage: {}}},xAxis: {type: 'category',//组件控制boundaryGap: false,data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']},yAxis: {type: 'value'},series: [{name: '锌',type: 'line',stack: 'Total',data: that.XIN,},],dataZoom: [{type: 'slider',show: true,yAxisIndex: [0],left: '93%',start: 0, //数据窗口范围的起始百分比end: 36,start: 0, // 滚动条的起始位置（10%）end: 100, // 滚动条的终止位置（90%）},{type: 'inside',yAxisIndex: [0],start: 0,end: 36,start: 0, // 滚动条的起始位置（10%）end: 100, // 滚动条的终止位置（90%）},{type: "slider",show: true, // flase直接隐藏图形xAxisIndex: [0],left: "9%", // 滚动条靠左侧的百分比bottom: -5,start: 0, // 滚动条的起始位置（10%）end: 100, // 滚动条的终止位置（90%）},]});

2.html代码

 <div id="main" style="width: 85%;height: 80%; margin-left: 9%"></div>

(完整)ECharts（趋势图（曲线版）带双滚轮）相关推荐

Echarts 趋势图属性
var option = {// 主要用来控制图表四周留白grid: {left: '15%',top: '20%',right: '5%'},// 提示框组件tooltip: {trigger: ' ...
echarts 雷达图_【带着canvas去流浪】绘制雷达图
使用原生canvasAPI绘制雷达图.(截图以及数据来自于百度Echarts官方示例库[查看示例链接]). 二. 重点提示雷达图绘制的看起来并不复杂,无非就是一些路径点的连线,其中的难点都在于一些细 ...
echarts折线图曲线，每个值上面添加小圆点或者小圆圈
在折线图中,我们可能会在每个数值上面加小圆点或者小圆圈,只需要在series中加symbol即可,以下是两种效果,当symbol值为none的时候,则没有小圆点或者小圆圈,当值为false或者' '时 ...
【手游】《少年三国志》完整修复全功能版-带GM后台和详细图文教程亲测可编译运行
[手游]<少年三国志>完整修复全功能版-带GM后台和详细图文教程下载地址:http://www.51xyyx.com/3149.html 支持系统:WinXP/Win7/Win8 32 ...
WordPress企业站建站主题avada v7.7.1免授权开心版带完整汉化包
模板简介: Avada中文版是一个多功能WordPress主题,适用于企业站和相册站.博客站.设计简洁大方,非常适合喜欢简洁风格的企业使用,主题自带幻灯片,支持商店插件,带页面生成器插件,即可只购买主 ...
echarts仪表盘，柱状图，折线图，趋势图
系列文章目录文章目录系列文章目录前言一.仪表盘二.柱状图三.折线图四.趋势图前言 //解决页面刷新canvas画布变大async loadEcharts(id) {var myChar ...
当图网PPT模板下载网站源码无错运营版带会员系统可充值
帝国cms仿当图网PPT模板素材下载网站源码,是一款比较大气的ppt和素材下载系统,支持6.微信登录,内容页支持ppt视频播放,带付费会员系统,微信支付,支付宝等,文件整站打包附带有测试数据,安装文档 ...
全功能版带直播插件完整商城系统网站源码
介绍: 全功能版带直播插件完整商城系统网站源码系统就是集客户关系管理+营销电商系统,能够快速积累客户.会员数据分析.智能转化客户. 有效提高销售.会员维护.网络营销的一款企业应用包含商城.拼团.砍 ...
c语言编写一个火车票,火车票完整系统(C语言)【报告版带截图】.doc
火车票完整系统(C语言)[报告版带截图] 课题内容和要求设计目标:设计一个火车票务管理系统,用C语言实现.对该系统的要求如下: 需求描述: 1.系统功能 (1)火车时刻信息录入.包括车次.日期.起点 ...

(完整)ECharts（趋势图（曲线版）带双滚轮）

1.我是用的element + vue下面的代码是js代码

2.html代码

(完整)ECharts（趋势图（曲线版）带双滚轮）相关推荐

最新文章

热门文章