ECharts图表添加滚动条

在echarts的option{}中添加如下内容即可:

 dataZoom: [{type: 'slider',realtime: true,start: 0,end: 5,  // 数据窗口范围的结束百分比。范围是：0 ~ 100。height: 5, //组件高度left: 5, //左边的距离right: 5, //右边的距离bottom: 10, //下边的距离show: true,  // 是否展示fillerColor: "rgba(17, 100, 210, 0.42)", // 滚动条颜色borderColor: "rgba(17, 100, 210, 0.12)",handleSize: 0,      //两边手柄尺寸showDetail: false, //拖拽时是否展示滚动条两侧的文字zoomLock: true,         //是否只平移不缩放moveOnMouseMove: false //鼠标移动能触发数据窗口平移//zoomOnMouseWheel: false, //鼠标移动能触发数据窗口缩放},{type: "inside",  // 支持内部鼠标滚动平移start: 0,end: 5,zoomOnMouseWheel: false,  // 关闭滚轮缩放moveOnMouseWheel: true, // 开启滚轮平移moveOnMouseMove: true  // 鼠标移动能触发数据窗口平移 }]

ECharts图表添加滚动条相关推荐

echarts 图表的滚动条
const dataZoom = [{show:true, zoomLock:false,//禁止拉伸 height:8, xAxisIndex:[0], bottom:10, startValue: ...
echarts图表添加背景图片
var img = new Image(); //新建对象 img.src='http://b.hiphotos.baidu.com/baike/c0%3Dbaike60%2C5%2C5%2C60%2 ...
echarts 图表导出PDF(带滚动条)/图片导出PDF
echarts 图表导出PDF[带滚动条]/图片导出PDF 效果展示提出问题思考问题解决问题导出PDF 里面的页头中文乱码问题参数说明效果展示提出问题在开发过程中,有需求是将展示出来的 ...
vue页面截图用html2canvas截图不完整有滚动条+有echarts图表时完整截图——截图保存为图片或pdf
问题最开始需要做一个网页的截图,结果发现有滚动条怎么都截取不成功,然后各种百度到了一个办法,就是复制那个节点到body,然后在截取那个复制的节点,小页面实验了一下,成功了好开心,代码是这样的.但是, ...
百度地图标记点中添加echarts图表
近日需要实现一个效果:在百度地图标记点的信息框中添加echarts图表. 大致已经实现,分享一下. <!DOCTYPE html> <meta name="viewport ...
ECharts图标数据过多添加滚动条
ECharts图标数据过多添加滚动条以echarts柱状图滚动条为示例,步骤如下: 1.存入数据加入滚动条显示判断 var data = []; //这里存入数据判断使用var scrollBa ...
echarts图表鼠标滑过页面抖动
问题现象:使用echarts画柱状图,当鼠标划过图表时有tooltip浮动提示,这时页面出现纵向滚动条,但马上消失,导致页面抖动. 分析:从现象看应该是tooltip导致页面抖动. 去掉tooltip ...
在echarts图表外调用echarts的下载功能以及echarts getDataURL图表数据不显示的问题的解决方案...
问题描述: echarts图表的toolbox里面本身有下载的功能,但有的时候,我们需要在echarts图表外添加一个按钮来实现下载,以下是基于vue,echarts版本4的一个解决方案记录: 解决方 ...
如何利用echarts图表获取条状图点击名称和值
如何利用echarts图表获取条状图点击名称和值听语音 | 浏览:1505 | 更新:2017-06-13 10:20 | 标签:软件 1 2 3 4 5 6 7 分步阅读 echarts图表插件工 ...

ECharts图表添加滚动条

ECharts图表添加滚动条相关推荐

最新文章

热门文章