Echarts legend翻页滚动形式

有时legend过多，需要翻页或者滚动形式，可以设置orient: "vertical", type: 'scroll',这两个属性,完整代码如下：

var myChart = echarts.init($("#lindi_lindiArea")[0]);var option = {tooltip: {trigger: "item",formatter: "{a} <br/>{b} : {c} ({d}%)",},legend: {orient: "vertical",type: 'scroll',x: "left",y: "-25",bottom:"10%",itemGap :2,itemWidth:15,itemHeight:7,data: type,textStyle: {color: "#e9ebee",fontSize:9,},},series: [{label: {show: false,position: "center",},name: "",type: "pie",radius: "80%",center: ["70%", "50%"],data: typeData,},],};myChart.setOption(option);

效果图：

Echarts legend翻页滚动形式相关推荐

echarts 图例翻页+图例自定义样式
设置对应的legend即可: 想要更换的图例图片放在data里面: legend: {type: 'scroll', // 可滚动翻页的图例orient: 'horizontal', //横向page ...
vue-pdf 插件不翻页滚动效果
<pdfv-for="i in numPages":key="i":page="i":src="pdfUrl" s ...
会声会影制作视频翻页转场教程
2019独角兽企业重金招聘Python工程师标准>>> 如何制作视频翻页转场?"翻页"转场是素材A以翻页的形式从一角卷起,逐渐将素材B显示.使用会声会影可以轻松制 ...
Android翻页效果原理实现之翻页的尝试
炮兵镇楼在<自定义控件其实很简单>系列的前半部分中我们用了整整六节近两万字两百多张配图讲了Android图形的绘制,虽然篇幅很巨大但仍然只是图形绘制的冰山一角,旨在领大家入门,至于修行成 ...
cocos creator的cc.pageView的禁止触摸翻页
最近些项目时遇到的问题. cc.pageView想禁止他的触摸事件,通过添加按钮来实现翻页功能.pageView本身是没有禁止触摸方法的,他是继承自scrollView的,所以直接调用scrollVi ...
echarts饼图显示引导线，图例过多翻页
实现效果父组件 <echartsPieechartsNo="two":echartsPieData="echartsPieRecorder"/> ...
Py：利用pyautogui实现自动将pdf文件(需手动设定pdf总页数)自动翻页并截取另存为图片形式，或自动隔0.1秒自动截笔记本全屏保存到指定文件夹
Py:利用pyautogui实现自动将pdf文件(需手动设定pdf总页数)自动翻页并截取另存为图片形式,或自动隔0.1秒自动截笔记本全屏保存到指定文件夹目录实现步骤和结果核心代码实现步骤和结果 ...
【uni-app】swiper 实现纵向轮播，且支持鼠标滚轮滚动翻页
前言 swiper 实现纵向轮播,且支持鼠标滚轮滚动翻页操作方法(亲测可用) https://www.w3h5.com/post/607.html
vue实现上下滑动翻页_vue 实现滚动到底部翻页效果(pc端)
pc端vue 滚动到底部翻页效果,具体内容如下所示: html: [{{item.code||item.name}}] {{item.name}} js: 先写滚动事件 handleScroll() ...

Echarts legend翻页滚动形式

Echarts legend翻页滚动形式相关推荐

最新文章

热门文章