Echart 的常用配置

1. 常用的配置字段

 1、折线图
chartOption = {color: this.yearColor,  // 图表的默认颜色列表，多条线时依次循环tooltip: {trigger: 'axis',},grid: { left: 0, right: 0, bottom: 0, top: 30, containLabel: true },xAxis: {nameTextStyle: { color: '#000000A3' }, // 配置x轴的字体颜色type: 'category',         // 设置为分类轴axisLabel: { lineHeight: 28 }, // 设置boundaryGap: true,axisLine: { onZero: false }, // X 轴或者 Y 轴的轴线是否在另一个轴的 0 刻度上，只有在另一个轴为数值轴且包含 0 刻度时有效。},yAxis: {nameTextStyle: { fontSize: 12, padding: [10, 20, 0, 0], color: 'rgba(0,0,0,0.56)' },type: 'value',axisLine: { show: false }, // 是否显示splitNumber: 1,  // 坐标轴显示的分割段数},series: [{type: 'line',  // 图的类型，饼图，折线图，柱状图等symbol: 'none',markLine: {   // 设置图表标线，比如图的平均线，最大值等symbol: 'none',  // 标记的图形，例如'circle', 'rect', 'roundRect'precision: 2,  // 标线数值的精度，在显示平均值线的时候有用label: {show: true,align: 'left', // 平均线文字的左对齐position: 'start', // 平均线文字显示在x轴的开始位置，middle,end等verticalAlign: 'bottom', //文字显示在平均线的上方或下方color: 'rgba(0,0,0,0.56)', // 设置标线的颜色lineHeight: 24,fontSize: 14,padding: [0, 10, 0, 0], //  文字块的内边距},data: [{ name: '平均值', type: 'average' ,yAxis: 100}], // yAxis: Y 值为给定值的标记线，仅对数据值是一项的设置有效},endLabel: { show: false }, // 折线端点的标签},],};

Echart 的常用配置相关推荐

IntelliJ IDEA 最常用配置，应用、永久激活
包含 1.最常用配置 2.应用 3.永久激活刚刚使用IntelliJ IDEA 编辑器的时候,会有很多设置,会方便以后的开发,磨刀不误砍柴工. 比如:设置文件字体大小,代码自动完成提示,版本管理,本 ...
VMware中安装CentOS7网络配置静态IP地址，常用配置和工具安装
VMware中安装CentOS7网络配置静态IP地址,常用配置和工具安装在阿里云开源镜像地址下载镜像 Index of /centos/7.2.1511/isos/x86_64/ http://mi ...
ctrl+shift+l指定选择 vscode_6.PYTHON开发利器之VS Code常用配置介绍
0.前言在上一节中详细介绍了如何使用vscode+GitHub进行代码托管和向开源项目贡献自己的代码,详见5.2.PYTHON开发利器之使用VS Code+GitHub进行python开源项目开发. ...
Maven pom.xml 全配置（二）不常用配置
Maven pom.xml 全配置(二)不常用配置这里贴出Maven pom.xml文件中使用率较少的配置参数,如果此篇文档中没有找到你想要的参数,移步Maven pom.xml 全配置(一)常用配 ...
Maven pom.xml 全配置（一）常用配置
Maven pom.xml 全配置(一)常用配置这里贴出一个Maven中出现频率较高的配置参数注释,方便理解项目中Maven的配置具体的作用.如果在此博文中没有找到你想看到的参数,可以移步Maven ...
vim的常用配置及使用方法
点击打开链接 vim是vi发展出来的一个编辑器,ubuntu为了减小安装文件的尺寸,默认安装了vi的原始版本,我们需要下载安装它的升级版本:vim. vim的功能丰富,而且可以根据自己的需要对其进行配 ...
SpringBoot阿里巴巴Fastjson的一些常用配置
SpringBoot阿里巴巴Fastjson的一些常用配置 @Beanpublic HttpMessageConverters fastJsonHttpMessageConverters() {Fas ...
SpringBoot常用配置简介
SpringBoot常用配置简介 1. SpringBoot中几个常用的配置的简单介绍一个简单的Spring.factories # Bootstrap components org.springf ...
Nginx负载均衡常用配置
搭建实验环境(使用docker部署两台nginx容器) 1)使用搭建第一台nginx服务 [root@linux-node4 ~]# docker container run -d --name we ...

Echart 的常用配置

Echart 的常用配置相关推荐

最新文章

热门文章