Toggle navigation
柱状图01
By
ZTQ的天空
2017-08-25 07:45:07
脚本
16
21
作品使用的第三方脚本
数据管理
上传数据
支持小于 5M 任意格式（csv, xlsx, json, xml, ...）的数据文件
上传后可以通过生成的文件链接异步获取托管的数据。
历史数据
0 条
无历史数据
代码修改记录
信息提示
保存作品
对当前截图不满意？你还可以
上传本地截图
重新截图
作品名称
作品描述
标签
geo
grid
legend
markLine
markPoint
bar
effectScatter
line
lines
map
timeline
title
toolbox
tooltip
visualMap
作品默认版本
最新
16
15
14
13
12
11
10
9
8
7
6
5
4
3
2
1
20:11:45
图表已生成
整理代码
刷新
代码
var dataAxis=["","","","","","",""] config = { rotate: 90, align: 'left', verticalAlign: 'middle', position: 'insideBottom', distance: 50 , } var labelOption = { normal: { rotate: config.rotate, align: config.align, verticalAlign: config.verticalAlign, position: config.position, distance: config.distance } }; var labelOption = { normal: { show: true, position: config.position, distance: config.distance, align: config.align, verticalAlign: config.verticalAlign, rotate: config.rotate, formatter: '{a} {b}', fontSize: 16, rich: { name: { textBorderColor: 'white' } } } }; option = { backgroundColor:'#05142B', tooltip : { trigger: 'axis' }, xAxis: [ { type: 'category', data: dataAxis, axisLabel: { inside: true, textStyle: { color: '#fff' } }, axisTick: {show: false}, splitLine: {show:false}, axisLine: { show: true }, }, ], yAxis: [ { type: 'value', axisLabel: { formatter: '' }, axisLine: { show: true }, axisTick: {show: false}, } ], series: [ { name: '母蟹', type: 'bar', stack: '母', itemStyle: { normal: { barBorderColor: 'rgba(0,0,0,0)', color: 'rgba(0,0,0,0)' }, emphasis: { barBorderColor: 'rgba(0,0,0,0)', color: 'rgba(0,0,0,0)' } }, data: [ {value:2000, name: '2.0以下', label:labelOption, }, {value:2000, name: '2.0', label:labelOption, }, {value:2000, name: '2.5', label:labelOption, }, {value:2000, name: '3.0', label:labelOption, }, {value:2000, name: '3.5', label:labelOption, }, {value:2000, name: '4.0', label:labelOption, }, {value:2000, name: '4.0以上', label:labelOption, },], }, { name: '公蟹', type: 'bar', stack: '公', itemStyle: { normal: { barBorderColor: 'rgba(0,0,0,0)', color: 'rgba(0,0,0,0)' }, emphasis: { barBorderColor: 'rgba(0,0,0,0)', color: 'rgba(0,0,0,0)' } }, data: [{value:2000, name: '2.5以下', label:labelOption, }, {value:2000, name: '2.5', label:labelOption, }, {value:2000, name: '3.0', label:labelOption, }, {value:2000, name: '3.5', label:labelOption, }, {value:2000, name: '4.0', label:labelOption, }, {value:2000, name: '4.5', label:labelOption, }, {value:2000, name: '4.5以上', label:labelOption, }, ], }, { name: '母蟹', type: 'bar', stack: '母', label: { normal: { show: true, position: 'top' , color:"white", formatter:'{c}' } }, data: [ {value:12688, itemStyle:{ normal:{ color:'#9370DB ', opacity: 0.6 } } }, {value:26121, name: '2.0', itemStyle:{ normal:{ color:'#800080', opacity: 0.6 } } }, {value:27521, name: '2.5', itemStyle:{ normal:{ color:' #A51550' , opacity: 0.6 } } }, {value:26121, name: '3.0', itemStyle:{ normal:{ color:'orange', opacity: 0.6 } } }, {value:26121, name: '3.5', itemStyle:{ normal:{ color:'#9370DB', opacity: 0.6 } } }, {value:26121, name: '3.5', itemStyle:{ normal:{ color:'#800080', opacity: 0.6 } } }, {value:17774, name: '3.5以上', itemStyle:{ normal:{ color:'#A51550', opacity: 0.6 } } }, ] }, { name: '公蟹', type: 'bar', stack: '公', label: { normal: { show: true, position: 'top' , color:"white", formatter:'{c}' } }, data: [{value:15215, name: '2.0以下', itemStyle:{ normal:{ color:'#9370DB', opacity: 0.6 } } }, {value:23434, name: '2.0', itemStyle:{ normal:{ color:'#800080', opacity: 0.6 } } }, {value:22445, name: '2.5', itemStyle:{ normal:{ color:' #A51550' , opacity: 0.6 } } }, {value:28434, name: '3.0', itemStyle:{ normal:{ color:'orange', opacity: 0.6 } } }, {value:23434, name: '3.5', itemStyle:{ normal:{ color:'#9370DB' , opacity: 0.6 } } }, {value:23434, name: '4.0', itemStyle:{ normal:{ color:'#800080' , opacity: 0.6 } } },{value:17878, name: '4.0以上', itemStyle:{ normal:{ color:'#A51550' , opacity: 0.6 } } } ] }, ] };
