博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
echarts使用笔记五:echarts的Zoom控件
阅读量:5881 次
发布时间:2019-06-19

本文共 2222 字,大约阅读时间需要 7 分钟。

option = {            title: {                text: '趋势'            },            tooltip : {                trigger: 'axis',                               show:true,                               axisPointer : {            // 坐标轴指示器,坐标轴触发有效                    type : 'shadow'        // 默认为直线,可选为:'line' | 'shadow'                }            },            dataZoom: {                show: true,                start : 30,                end : 70            },            legend: {                 //itemWidth:50,                   data:['趋势']            },            animation : 'true',            grid: {                left: '3%',                right: '4%',                bottom: '3%',                containLabel: true,                                x : 50,                x2 : 50,                y : 90,                y2 : 70  // y2可以控制 X轴跟Zoom控件之间的间隔,避免以为倾斜后造成 label重叠到zoom上            },                        xAxis : [ {                axisLabel : {                    interval : 'auto', //横坐标自适应变化                },                splitLine : {                    show : true,                    lineStyle : {                        type : 'dashed'                    }                },                data:['01','02','03','04','05','06','07','08','09','10','11','12','13','14','15'],            } ],            yAxis : [                {                    type : 'value',                    axisLabel: {                        formatter: '{value} %',                                            }                    },                            ],            series : [                {                    name:'趋势',                    data: [10,12,19,15,9,11,16,22,17,11,15,12,14,11,13],                    type: 'line',                        showAllSymbol : false,                    smooth : true,                                        itemStyle:{                         normal:{                             color:'rgba(139,26,26,1)',                                                                                   },                    }                                                       }                           ],                    };

 

转载于:https://www.cnblogs.com/inspred/p/9289279.html

你可能感兴趣的文章
AD提高动态的方法(附SNR计算)
查看>>
[转]轻松实现可伸缩性,容错性,和负载平衡的大规模多人在线系统
查看>>
五 数组
查看>>
也谈跨域数据交互解决方案
查看>>
EntityFramework中使用Include可能带来的问题
查看>>
面试题28:字符串的排列
查看>>
css important
查看>>
WPF 实现窗体拖动
查看>>
来自维基百科程序员Brandon Harris
查看>>
NULL不是数值
查看>>
CentOS 5 全功能WWW服务器搭建全教程
查看>>
scala111
查看>>
模块化服务规范——OSGI
查看>>
劣质代码评析——猜数字问题(上)
查看>>
纸上谈兵: 栈 (stack)
查看>>
Windows phone8 基础篇(三) 常用控件开发
查看>>
Oracle学习笔记之五,Oracle 11g的PL/SQL入门
查看>>
大叔手记(3):Windows Silverlight/Phone7/Mango开发学习系列教程
查看>>
考拉消息中心消息盒子处理重构(策略模式)
查看>>
so easy 前端实现多语言
查看>>