ECharts 经常会修改到的一些样式配置

1.坐标轴:

axisLine:{              //坐标轴轴线相关设置。

  show:true,        //是否显示坐标轴轴线。

  lineStyle:{

    width:10           //坐标轴线线宽。 

    color:#333        //颜色。

    color:{

      colorStops:[{

        offset:0,color:‘red‘,     //渐变的颜色

        offset:1,color:‘bule‘

      }],

    shadowColor:‘red‘     //阴影的颜色

    shadowBlur:10     //阴影的宽度

    }

  }       

}

axisLabel:{          //坐标轴刻度标签的相关设置(坐标字体)

    show:true       //是否显示

    rotate:45       //旋转的角度从 -90 度到 90 度。

    margin:25       //刻度标签与轴线之间的距离。

    color:#ffff       //字体颜色.

    fontStyle:normal  italic  oblique //文字的风格。

    fontWeight:20   //文字的粗细。

    fontSize:18    //文字的大小。

    shadowColor:18  //文字块的背景阴影长度。

}

2.标题

"title": {

  "text": ‘全国机电产品出口总值‘,    //标题

   subtext: ‘机电产品‘,         //副标题

  "top": ‘85%‘,

  "left": ‘28%‘,

  "textStyle": {            //标题的文字样式

    "fontSize": 16,

    "color": "#444",

    "text-align": "center",

    "margin-top":"20px"

  }

},

3.数据类型显示(图例)

legend:{

  x: ‘right‘,

  icon:‘pin‘,                 //形状 (‘circle‘‘rect‘‘roundRect‘‘triangle‘‘diamond‘‘pin‘‘arrow‘

  data: [‘6月份‘,‘7月份‘],

  fontSize:18

  left:20%    //位置设置可以(center ,  right)

  padding      //它们之间的距离

}

时间: 2024-12-11 14:28:13

ECharts 经常会修改到的一些样式配置的相关文章

【百度地图API1.1】修改文本标注的样式

原文:[百度地图API1.1]修改文本标注的样式 百度地图API1.0中文本标注的样式写法为: label.getDom().style.borderColor = "#808080"; label.getDom().style.color = "#333"; label.getDom().style.cursor = "pointer"; 2010年12月,百度地图API升级至1.1版本,文本标注的样式写法需要修改为:(否则将会导致鼠标点击失灵

修改element ui 默认样式最好的解释

KedAyAyA 17年10月 https://forum.vuejs.org/t/elementui/19171/5 首先添加了scoped的style标签会在vue-loader里进行处理 所谓的局部css 就是在你当前组件里的所有html标签打一个data-tag 例如 然后会把你scoped里的css编译为 xxx[ data-v-4d856c52] 知道了scoped的作用,来看看为什么我们不能修改el-table里的样式 如果你修改样式你一定会这么写css .table th {xx

通过JS动态的修改HTML元素的样式和增添标签元素等

一. 通过JS动态的修改HTML元素的样式 1. 要想在js中动态的修改HTML元素的样式,首先需要写document, document我们称之为文档对象,这个对象中保存了当前网页中所有的HTML标签 代码写法如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>51-自定义原型对象</title>

vue中修改第三方组件的样式不生效

问题 在使用element-ui时,有时候想要修改组件内的样式,但不成功,例如 <div class="test"> <el-button>按钮</el-button> </div> <style lang="less" scoped> .test{ .el-button span{ background:red; } } </style> 以上对.el-button span的样式不生效 问题

Nginx服务优化之隐藏版本号、修改用户与组、配置页面缓存与时间、日志分割以及设置连接超时

Nginx服务优化之隐藏版本号.修改用户与组.配置页面缓存与时间.日志分割以及设置连接超时 前言 ? 在企业信息化应用环境中,服务器的安全性和响应速度需要根据实际情况进行相应参数配置,以达到最优的用户体验. ? 默认的nginx安装参数只能提供最基本的服务,还需要调整如网页缓存时间.连接超时.网页压缩等相应参数,才能发挥出服务器的最大作用. 一.隐藏版本号 ? 我们为什么要隐藏版本号? ? 我们一定要有一个意识:对于软件或者说服务,其安全性必然不可能是无懈可击的,总会或多或少地存在各种bug或者

iOS7_ios7_如何实现UIAlertView以及监听点击事件(其它样式)_如何修改UITextField默认键盘样式

首先我们知道,UIAlertView实际上有多种样式,在xcode中,按住cmd点击UIAlertView,进入头文件我们看到: 1 typedef NS_ENUM(NSInteger, UIAlertViewStyle) { 2 UIAlertViewStyleDefault = 0, //默认样式 3 UIAlertViewStyleSecureTextInput, //加密文本样式 4 UIAlertViewStylePlainTextInput, //普通文本样式 5 UIAlertVi

修改手机端radio 样式

实现手机端radio样式修改 http://www.iconfont.cn/搜索对勾图片和圆圈图,分别命名为radio.png 和 select.png 填写自己要的颜色,点击下载png,一般人都会 <span class="address-radio checked"></span> <input type="radio" name="address" class="hide"> .add

Myeclipse修改格式化代码的样式和保存自动格式化

第一种方法:下载格式化代码样式文件,参考这位老兄的方法(包含了保存自动格式化):http://blog.csdn.net/u010028869/article/details/49780515   下载下来的文件是这个样子: 第二种方法:先上图,以修改方法的参数在一行显示为例.如下图(如果图片看不清,用鼠标把图片拖到新的标签卡查看即可).

修改easyui panel 默认样式

有这么个需求需要修改easyui panel头部中的背景色.于是根据panel中的最终被浏览器解析出来的类名,直接修改这个css样式,设置backgroud-color这个属性,发现不管用. 于是,就根据panel最后被解析出来的样式类名,手动的建这个类名,然后把背景色修改为白色,发现也无济于事. 经过摸索有两种办法: 1,在引入的easyui.css样式表中,添加没有背景色的样式,下面的样式必须放到easui.css中去,注意:单击建一个css文件,并把下面的代码拷过来就可以了.这个缺点是严重