echarts中显示效果option中必有的属性
来源:互联网 发布:如何注册域名多少钱 编辑:程序博客网 时间:2024/05/16 17:42
写一个最简单的效果让option中不可缺少的属性。
var option = { xAxis:[ //x轴,数组对象,其下至少有一个对象 {.....} ], yAxis:[//y轴,数组对象,其下可以有空对象 {.....} ], series :[//驱动图表生成的数据内容数组,其下至少有一个对象 {} ] }
写一个小demo
var option ={ xAxis:[ { name:'test', type:'category', position:'left', show:true, data:['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'] } ], yAxis:[ { type : 'value', position: 'left' } ], series : [ { name: '蒸发量', type: 'bar', data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3] }, { name: '降水量', type: 'bar', data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3] } ] }
效果图如下:
当没有xAxis时候
var option ={ //注意此时没有xAxis yAxis:[ { type : 'value', position: 'left' } ], series : [ { name: '蒸发量', type: 'bar', data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3] }, { name: '降水量', type: 'bar', data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3] } ] }
效果图如下:
当没有yAxis时候或者yAxis数组下没对象时
- 当没有yAxis时
var option ={ xAxis:[ { name:'test', type:'category', position:'left', show:true, data:['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'] } ], //注意此时没有yAxis series : [ { name: '蒸发量', type: 'bar', data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3] }, { name: '降水量', type: 'bar', data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3] } ] }
效果图如下
- 当yAxis数组下没对象时
var option ={ xAxis:[ { name:'test', type:'category', position:'left', show:true, data:['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'] } ], yAxis:[//注意此时yAxis数组下没对象时 ], series : [ { name: '蒸发量', type: 'bar', data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3] }, { name: '降水量', type: 'bar', data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3] } ] }
效果图如下
当没有series时
当没有series 时候是没有数据,可想而知肯定是不会出效果的,效果如下所示,同时也不会出现x轴和y轴,即只会出现空白。
0 0
- echarts中显示效果option中必有的属性
- echarts中option的title
- Echarts 的option选项属性
- Echarts 的option选项属性
- html中有的图片链接无法正常显示。
- 获取select中option的value值并触发隐藏显示div效果
- option 插入 默认属性 程序中
- echarts中横坐标值如果全部显示
- WPF中使用Echarts显示图表
- Echarts图表中动态数据显示
- Echarts中DataView显示Excel表格
- SELECT中OPTION元素的显示隐藏
- .net中,插入flash 同一页面有的显示,有的不显示的解决方法
- 手机端中有的图片可以显示有的不显示的问题
- 网页中显示效果
- 多DIV并排,有的DIV中是中文,有的DIV中是英文,显示不正常
- 如何在已有的category中添加属性
- Echarts更改仪表盘显示属性
- 不好好说话版原理(一)SSH验证原理
- 浅谈5.7limit优化
- 使用ida调试dex文件
- 不好好说话版原理(二)ORACLE数据库的连接
- android的线性布局
- echarts中显示效果option中必有的属性
- Block在ARC和非ARC中的使用
- AccessDataSource配置数据源,但组件是灰色
- 网络编程:Reactor与Proactor的概念
- ZOJ 1049 I Think I Need a Houseboat
- Block的简介和简单原理
- Result Maps collection already contains value for xxxMapper.BaseResultMap错误解决办法
- HTTP协议
- [ISUX译]iOS 9人机界面指南(一):UI设计基础