echarts相关设置

1.显示隐藏工具栏

注释toolbox即可


/*    toolbox: {show : true,feature : {dataView : {show: true, readOnly: false},magicType : {show: true, type: ['line', 'bar']},restore : {show: true},saveAsImage : {show: true}}},*/

2.鼠标划过数据显示对应的数据

tooltip : {trigger: 'axis'//设置这个即可 划过显示数据},

3.修改不同产品分类（legend）的样式


textStyle: {fontSize: 12,color: '#fff'//显示的字体颜色}

4.修改图标的位置

grid: {show: true,left: 35, //组件离容器左侧的距离,百分比字符串或整型数字top: 25, //组件离容器上侧的距离，百分比字符串或整型数字//bottom:40//组件离容器底部的距离，百分比字符串或整型数字},

5.柱状图中的柱状样式

var labelOption = {normal: {show: true,position: 'top',//数据显示在柱状体的位置align: 'middle',verticalAlign: 'bottom',formatter: '{c}',fontSize: 14,color: '#fff',rotate: 35,//显示数据旋转的角度fontWeight: 'normal',}};使用：series : [{name:'07010011',type:'bar',data:[800, 530, 520, 512, 480],color:'#7BB0E4',label:labelOption},{name:'90612011',type:'bar',data:[180, 460, 9.0, 26.4, 28.7],color:'#404048',label:labelOption},{name:'07810011',type:'bar',data:[2.6, 5.9, 9.0, 26.4, 28.7],color:'#8DEC6E',label:labelOption},]

6.修改y坐标的数据信息


1&gt;数据固定在 yAxis 增加max 和min 属性yAxis: {type: 'value',max:1000,min:0,... }
2&gt;数据大小不固定
在 yAxis 的 axisLabel中增加formatter: function formatter(value, index) {//使用函数模板，函数参数分别为刻度数值（类目），刻度的索引if (value &gt;= 250) {value = (value + "").slice(0, -3);return value + "K";} else {return value;}},

来源：https://blog.csdn.net/sinat_32900379/article/details/85157730

转载于:https://www.cnblogs.com/qixidi/p/10189794.html

echarts相关设置相关推荐

echarts柱状图x轴文字换行_深入 echarts 如何设置 Label / axisLabel 换行及自定义格式 / 自定义样式? 结合 canvas 如何实现文字换行来理解...
前言之前在一篇文章<深入 echarts 如何设置渐变色?echarts 如何设置圆角?echarts 如何设置自定义 Label?>已经初步介绍了如何通过 formatter 结合 r ...
iOS10系统下调用系统功能权限以及相关设置
1.权限以及相关设置 iOS10系统下调用系统相册.相机功能,或者苹果健康都会遇到闪退的情况, 调用系统相册报错描述如下: This app has crashed because it attemp ...
自定义MIME类型支持FLV的相关设置
网络空间支持FLV的相关设置其实很简单,就是自定义一个MIME类型一般虚拟主机管理里面都有这个选项自定义MIME类型扩展名: .flv MIME类型: flv-application/octet ...
UNITY中使用不安全代码的相关设置
UNITY中使用不安全代码的相关设置必须执行以下三个步骤 1,在工程属性中设置:属性-生成-允许不安全代码 2,在Assets目录下增加 smcs.rsp(若打包设置中使用了.net 2.0 sub ...
GDB调试之前的相关设置，会使程序调试起来，事半功倍
GDB调试之前的相关设置: https://blog.csdn.net/QIBAOYUAN/article/details/6116265
ZYAR20A 亚克力2驱蓝牙 298寻迹避障机器人 —— Arduino相关设置
Arduino开发软件和板载USB转串口CH340驱动安装包链接:https://pan.baidu.com/s/1kljLRmIqAz3HmUE99ctvQw 提取码:qf1j Arduino的安 ...
动态链接库、静态库区别与VS2005项目相关设置
出处:http://blog.csdn.net/Ocean2006/archive/2010/02/05/5289908.aspx 一.动态链接库.静态库区别二.VS2005项目相关设置三.#pr ...
DELL服务器iDRAC相关设置
原贴:http://www.cnblogs.com/wjoyxt/p/5053466.html iDRAC又称为Integrated Dell Remote Access Controller,也就是 ...
04.local_gateway和network相关设置
文章目录 1. cluster restart的一些相关设置 1. gateway.expected_nodes: 2. gateway.expected_master_nodes: 3. gatew ...

echarts相关设置

echarts相关设置相关推荐

最新文章

热门文章