Echarts象形图简单示例

Echarts象形柱图（山峰图）简单应用

简单示例
代码详述

option = {title: {text: '年龄段',textStyle:{fontSize:14,color:'#444444',fontFamily: "Microsoft Yahei",fontWeight:'100'},x: 'center'},tooltip: {trigger: 'axis',axisPointer: {type: 'none'},formatter: function (params) {return params[0].name + ': ' + params[0].value;}},xAxis: {data: ['驯鹿', '火箭', '飞机', '高铁', '轮船', '汽车', '跑步', '步行', ],axisTick: {show: false},axisLine: {show: false},axisLabel: {textStyle: {color: '#444444'}}},yAxis: {splitLine: {show: false},axisTick: {show: false},axisLine: {show: false},axisLabel: {show: false}},color: ['#89DA4F','#FCC828','#8EC7F4','#CDCBEC','#14B961'],series: [{name: 'hill',type: 'pictorialBar',barCategoryGap: '0%',// symbol: 'path://M0,10 L10,10 L5,0 L0,10 z',symbol: 'path://path://M10 600 Q 95 0 180 600',label:{ normal:{ show: true, position: 'top',formatter:'{c}%',} },itemStyle: {normal: {opacity: 0.5,color: function (params){var colorList = ['#89DA4F','#FCC828','#8EC7F4','#CDCBEC','#14B961','#E3E3E3'];return colorList[params.dataIndex];}},emphasis: {opacity: 1}},data: [123, 60, 25, 18, 12, 9, 2, 1],}]};

注意事项
1. 替换
替换 option.xAxis.data=x;
option.series[0].data=y;（x,y分别是一个数组）
2. 属性值修改
依据特定的需求，对option对象的属性做相应的修改

象形图的多种示例

Echarts象形图简单示例相关推荐

python爬取歌曲评论_python 爬取歌曲评论的简单示例
这篇文章主要为大家详细介绍了python 爬取歌曲评论的简单示例,具有一定的参考价值,可以用来参考一下. 感兴趣python 爬取歌曲评论的简单示例的小伙伴,下面一起跟随512笔记的小编罗X来看看吧. ...
Mapbox + ECharts 实现简单迁徙图
文章目录概述预览效果实现代码说明相关链接概述 ECharts是开源的可视化图表库,其中有丰富的图表.本文使用Mapbox结合ECharts插件实现了简单的迁徙地图. 预览效果实现代码 & ...
python文本处理实例_Python 文件处理的简单示例
这篇文章主要为大家详细介绍了Python 文件处理的简单示例,具有一定的参考价值,可以用来参考一下. 对python这个高级语言感兴趣的小伙伴,下面一起跟随512笔记的小编两巴掌来看看吧! 相关的AP ...
python获取mac、计算机id_python 获取本机IP、mac地址、计算机名的简单示例
这篇文章主要为大家详细介绍了python 获取本机IP.mac地址.计算机名的简单示例,具有一定的参考价值,可以用来参考一下. 对python获取本机IP.mac地址.计算机名感兴趣的小伙伴,下面一起 ...
python简单单元测试示范卷_Python 单元测试的简单示例
这篇文章主要为大家详细介绍了Python 单元测试的简单示例,具有一定的参考价值,可以用来参考一下. 对python这个高级语言感兴趣的小伙伴,下面一起跟随512笔记的小编两巴掌来看看吧! 以前我是不 ...
python二分法求解_Python使用二分法求平方根的简单示例
这篇文章主要为大家详细介绍了Python使用二分法求平方根的简单示例,具有一定的参考价值,可以用来参考一下. 对python这个高级语言感兴趣的小伙伴,下面一起跟随512笔记的小编两巴掌来看看吧! 使 ...
Unity 简单示例代码和向导/Unity Aplication Block
Unity 简单示例代码和向导关于Unity 的说明和下载地址,请访问[微软控制反转和依赖注入容器Unity 1.0发布] http://forum.entlib.com/Default.aspx? ...
php定时刷新token,PHP 定时任务获取微信access_token的简单示例
搜索热词感兴趣PHP 定时任务获取微信access_token的简单示例的小伙伴,下面一起跟随编程之家 jb51.cc的小编来看看吧. 最近开发微信公众平台,公众号调用各接口时都需使用access_ ...
python 搭建的http 动态服务器_Python 创建HTTP服务器的简单示例
这篇文章主要为大家详细介绍了Python 创建HTTP服务器的简单示例,具有一定的参考价值,可以用来参考一下. 对python这个高级语言感兴趣的小伙伴,下面一起跟随512笔记的小编两巴掌来看看吧! ...

Echarts象形图简单示例

Echarts象形图简单示例相关推荐

最新文章

热门文章