echarts 初级使用心得

374 阅读1分钟

项目场景:

目前开发本地应用,需求表格中获取数据通过echarts进行展示 vue2.0 echart 5

问题描述:

echarts怎么自定义toolbox.feature?,echarts 怎么设置 toolbox icon ? echarts.yAxis.nameTextStyle.width设置不起作用?

解决方案:

首先先来定义一个功能

 myChangetobar: {
              show: true,
              title: '转换为柱状图',
              icon: '',
              option: {},
              onclick: function () {
					...功能详情
              }
            },

根据官网的实例可以看出有三种方式可以引入 icon ,逐个测试

1.url方式 
'image://http://xxx.xxx.xxx/a/b.png'
  icon: 'http://xxx.xxx.xxxx/static/a.png',
  '此方法需要在根目录中建static文件夹在其中放入静态资源,注其中的文件不同于assest的文件'
  '详解 (https://www.cnblogs.com/fightjianxian/p/11967714.html)'
2.dataUrl方式
'image://data:image/image;base64,'
icon:'image://data:image/image;base64 ,' +编码后的数据
3.矢量路径方式
'path://'
建议iconfont svg 了解下

echarts.yAxis.nameTextStyle.width 设置了为什么不起作用?

==注意:如果不设置rich() width height 无效==