多图布局问题echarts 柱状配置项内容和展示
多图布局需要额外做什么吗？布局需要自己做吗？ 自己做的例子，直接用myChart.setOption(options)有错误：对象不支持split属性或方法
配置项如下
options = [{
title: {
text: ''
},
angleAxis: {
type: 'category',
data: ['N', 'NNE', 'NE', 'ENE', 'E', 'ESE', 'SE', 'SSE', 'S', 'SSW', 'SW', 'WSW', 'W', 'WNW', 'NW', 'NNW'],
z: 0,
boundaryGap: false,
splitLine: {
show: true,
lineStyle: {
color: '#ddd',
type: 'solid'
}
},
axisLine: {
show: false
}
},
radiusAxis: {},
polar: {},
series: [{
type: 'bar',
data: [3, 10, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 2],
coordinateSystem: 'polar',
name: '',
stack: 'a',
itemStyle: {
normal: {
color: '#00539F'
}
}
}, {
type: 'bar',
data: [4, 6, 3, 0, 0, 0, 0, 1, 5, 2, 0, 0, 2, 0, 0, 0],
coordinateSystem: 'polar',
name: '',
stack: 'a',
itemStyle: {
normal: {
color: '#2694BD'
}
}
}, {
type: 'bar',
data: [0, 7, 9, 2, 0, 0, 1, 3, 5, 1, 5, 1, 2, 3, 1, 1],
coordinateSystem: 'polar',
name: '',
stack: 'a',
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
type: 'bar',
data: [1, 8, 5, 4, 1, 1, 0, 3, 9, 3, 2, 0, 1, 2, 0, 1],
coordinateSystem: 'polar',
name: '',
stack: 'a',
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
type: 'bar',
data: [0, 2, 2, 2, 4, 0, 0, 2, 3, 3, 0, 0, 0, 2, 2, 0],
coordinateSystem: 'polar',
name: '',
stack: 'a',
itemStyle: {
normal: {
color: '#ED6E00'
}
}
}, {
type: 'bar',
data: [0, 0, 0, 0, 0, 5, 2, 2, 8, 1, 0, 0, 0, 1, 0, 0],
coordinateSystem: 'polar',
name: '',
stack: 'a',
itemStyle: {
normal: {
color: '#BB3012'
}
}
}]
}, {
title: {
text: ''
},
polar: {},
angleAxis: {
type: 'value'
},
radiusAxis: {
axisAngle: 0
},
series: [{
coordinateSystem: 'polar',
angleAxisIndex: 0,
radiusAxisIndex: 0,
name: 'scatter',
type: 'scatter',
symbolSize: 5,
data: [{
value: [0.8792, 176.2322],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.3551, 138.9667],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.2297, 186.4351],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.0062, 168.8333],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.041, 168],
itemStyle: {
normal: {
color: '#BB3012'
}
}
}, {
value: [0, 168],
itemStyle: {
normal: {
color: '#ED6E00'
}
}
}, {
value: [0, 168],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0, 168],
itemStyle: {
normal: {
color: '#ED6E00'
}
}
}, {
value: [0.0758, 153.314],
itemStyle: {
normal: {
color: '#BB3012'
}
}
}, {
value: [0.6023, 16.9775],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.3253, 49.4467],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.565, 44.9394],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.257, 67.8475],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [1.0357, 27.6947],
itemStyle: {
normal: {
color: '#2694BD'
}
}
}, {
value: [1.3213, 20.8308],
itemStyle: {
normal: {
color: '#2694BD'
}
}
}, {
value: [1.8714, 23.9807],
itemStyle: {
normal: {
color: '#00539F'
}
}
}, {
value: [1.7695, 29.6391],
itemStyle: {
normal: {
color: '#00539F'
}
}
}, {
value: [2.1808, 15.3472],
itemStyle: {
normal: {
color: '#00539F'
}
}
}, {
value: [2.3196, 13.177],
itemStyle: {
normal: {
color: '#00539F'
}
}
}, {
value: [2.3792, 9.1259],
itemStyle: {
normal: {
color: '#00539F'
}
}
}, {
value: [1.8465, 15.0345],
itemStyle: {
normal: {
color: '#00539F'
}
}
}, {
value: [1.4181, 24.9982],
itemStyle: {
normal: {
color: '#00539F'
}
}
}, {
value: [1.7447, 23.314],
itemStyle: {
normal: {
color: '#00539F'
}
}
}, {
value: [1.3076, 18.4787],
itemStyle: {
normal: {
color: '#00539F'
}
}
}, {
value: [1.2778, 19.329],
itemStyle: {
normal: {
color: '#00539F'
}
}
}, {
value: [1.3895, 342.9068],
itemStyle: {
normal: {
color: '#00539F'
}
}
}, {
value: [1.5448, 342.8592],
itemStyle: {
normal: {
color: '#00539F'
}
}
}, {
value: [1.2368, 359.4629],
itemStyle: {
normal: {
color: '#00539F'
}
}
}, {
value: [1.1548, 4.4428],
itemStyle: {
normal: {
color: '#00539F'
}
}
}, {
value: [0.9698, 13.8523],
itemStyle: {
normal: {
color: '#00539F'
}
}
}, {
value: [0.7575, 22.7958],
itemStyle: {
normal: {
color: '#2694BD'
}
}
}, {
value: [0.7153, 35.7617],
itemStyle: {
normal: {
color: '#2694BD'
}
}
}, {
value: [0.4458, 39.2497],
itemStyle: {
normal: {
color: '#2694BD'
}
}
}, {
value: [0.4371, 35.4642],
itemStyle: {
normal: {
color: '#2694BD'
}
}
}, {
value: [0.2893, 7.5594],
itemStyle: {
normal: {
color: '#2694BD'
}
}
}, {
value: [0.0919, 5],
itemStyle: {
normal: {
color: '#2694BD'
}
}
}, {
value: [0.0199, 5],
itemStyle: {
normal: {
color: '#2694BD'
}
}
}, {
value: [0.0497, 353.9032],
itemStyle: {
normal: {
color: '#2694BD'
}
}
}, {
value: [0.0373, 274.0056],
itemStyle: {
normal: {
color: '#2694BD'
}
}
}, {
value: [0, 274],
itemStyle: {
normal: {
color: '#2694BD'
}
}
}, {
value: [0.1068, 213.0307],
itemStyle: {
normal: {
color: '#2694BD'
}
}
}, {
value: [0.1093, 189.0243],
itemStyle: {
normal: {
color: '#2694BD'
}
}
}, {
value: [0.2732, 182.1063],
itemStyle: {
normal: {
color: '#2694BD'
}
}
}, {
value: [0.488, 259.1932],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.6519, 209.6136],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.6048, 223.4883],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.4781, 158.4701],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.5091, 159.585],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.498, 70.888],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.2347, 104.4673],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.154, 67.8745],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.0708, 100],
itemStyle: {
normal: {
color: '#ED6E00'
}
}
}, {
value: [0.0621, 100],
itemStyle: {
normal: {
color: '#ED6E00'
}
}
}, {
value: [0.0124, 100],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.1093, 100],
itemStyle: {
normal: {
color: '#ED6E00'
}
}
}, {
value: [0.0224, 100],
itemStyle: {
normal: {
color: '#ED6E00'
}
}
}, {
value: [0.2434, 73.3715],
itemStyle: {
normal: {
color: '#ED6E00'
}
}
}, {
value: [0.6221, 39.2055],
itemStyle: {
normal: {
color: '#ED6E00'
}
}
}, {
value: [0.611, 38.1561],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.3092, 34.7206],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.1428, 44.2558],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.2421, 28.4106],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.5091, 35.2361],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.6606, 36.7629],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [1.356, 24.9098],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [1.8577, 25.6521],
itemStyle: {
normal: {
color: '#2694BD'
}
}
}, {
value: [1.8055, 20.4702],
itemStyle: {
normal: {
color: '#2694BD'
}
}
}, {
value: [1.4218, 28.5987],
itemStyle: {
normal: {
color: '#2694BD'
}
}
}, {
value: [0.8084, 33.7082],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.4247, 47.4304],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.3999, 75.3111],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.3688, 65.7692],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.5302, 64.538],
itemStyle: {
normal: {
color: '#ED6E00'
}
}
}, {
value: [0.4334, 101.7156],
itemStyle: {
normal: {
color: '#BB3012'
}
}
}, {
value: [0.0348, 120.3275],
itemStyle: {
normal: {
color: '#BB3012'
}
}
}, {
value: [0, 120],
itemStyle: {
normal: {
color: '#BB3012'
}
}
}, {
value: [0, 120],
itemStyle: {
normal: {
color: '#BB3012'
}
}
}, {
value: [0.0112, 122.8614],
itemStyle: {
normal: {
color: '#BB3012'
}
}
}, {
value: [0, 124],
itemStyle: {
normal: {
color: '#BB3012'
}
}
}, {
value: [0.0149, 134.7835],
itemStyle: {
normal: {
color: '#BB3012'
}
}
}, {
value: [0, 289],
itemStyle: {
normal: {
color: '#BB3012'
}
}
}, {
value: [0, 289.5],
itemStyle: {
normal: {
color: '#ED6E00'
}
}
}, {
value: [0, 290],
itemStyle: {
normal: {
color: '#ED6E00'
}
}
}, {
value: [0, 295.0863],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0, 355.9963],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0, 43.0703],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0, 64.5321],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.0584, 54.3376],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.421, 39.3649],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.9798, 16.9633],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [1.1933, 12.0457],
itemStyle: {
normal: {
color: '#ED6E00'
}
}
}, {
value: [1.0009, 29.7299],
itemStyle: {
normal: {
color: '#ED6E00'
}
}
}, {
value: [0.8096, 36.9784],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.76, 15.1189],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.7252, 16.823],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.6122, 19.4554],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.7339, 19.2928],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.0025, 12],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0, 12],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0, 12],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0, 12],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0, 12],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0, 12],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.0596, 341.0175],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0, 311],
itemStyle: {
normal: {
color: '#ED6E00'
}
}
}, {
value: [0, 309.7889],
itemStyle: {
normal: {
color: '#ED6E00'
}
}
}, {
value: [0.0807, 298.3286],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.0174, 285],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0, 285],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0, 285],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.0273, 279.4265],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.0683, 264],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.1353, 219.4696],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.6693, 203.6321],
itemStyle: {
normal: {
color: '#00539F'
}
}
}, {
value: [0.4632, 175.4949],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.2173, 175.0162],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.1155, 176],
itemStyle: {
normal: {
color: '#ED6E00'
}
}
}, {
value: [0.0658, 176],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.0335, 176],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.488, 183.4489],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.3812, 218.3375],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0, 214],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.3216, 215.4913],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.3241, 210],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.0857, 223.4725],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.1676, 177.4768],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.2036, 165.5951],
itemStyle: {
normal: {
color: '#2694BD'
}
}
}, {
value: [0.0919, 169],
itemStyle: {
normal: {
color: '#2694BD'
}
}
}, {
value: [0.1043, 169],
itemStyle: {
normal: {
color: '#2694BD'
}
}
}, {
value: [0.0149, 169],
itemStyle: {
normal: {
color: '#2694BD'
}
}
}, {
value: [0.1652, 161.6327],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.3974, 37.6874],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.4893, 335.5445],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.8357, 321.8585],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.7401, 257.3843],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.832, 202.0231],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.7364, 183.7417],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.8196, 196.4593],
itemStyle: {
normal: {
color: '#BB3012'
}
}
}, {
value: [0.7836, 187.9227],
itemStyle: {
normal: {
color: '#ED6E00'
}
}
}, {
value: [0.1105, 170.9722],
itemStyle: {
normal: {
color: '#BB3012'
}
}
}, {
value: [0, 171],
itemStyle: {
normal: {
color: '#BB3012'
}
}
}, {
value: [0.1242, 171],
itemStyle: {
normal: {
color: '#BB3012'
}
}
}, {
value: [0.0385, 171],
itemStyle: {
normal: {
color: '#BB3012'
}
}
}, {
value: [0.2049, 171],
itemStyle: {
normal: {
color: '#BB3012'
}
}
}, {
value: [0.005, 171],
itemStyle: {
normal: {
color: '#BB3012'
}
}
}, {
value: [0.0099, 171.6583],
itemStyle: {
normal: {
color: '#BB3012'
}
}
}, {
value: [0.3328, 174.5131],
itemStyle: {
normal: {
color: '#BB3012'
}
}
}, {
value: [0.3452, 176.3527],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.298, 176],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.0894, 176],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.3787, 170.4068],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.2496, 168],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.0882, 168],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.2334, 196.2518],
itemStyle: {
normal: {
color: '#2694BD'
}
}
}, {
value: [0.2272, 220.896],
itemStyle: {
normal: {
color: '#66BC29'
}
}
}, {
value: [0.1577, 47.1283],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.4036, 43.4472],
itemStyle: {
normal: {
color: '#ED6E00'
}
}
}, {
value: [0.6693, 188.6207],
itemStyle: {
normal: {
color: '#ED6E00'
}
}
}, {
value: [0.9872, 205.678],
itemStyle: {
normal: {
color: '#EAC911'
}
}
}, {
value: [0.9276, 206.7835],
itemStyle: {
normal: {
color: '#ED6E00'
}
}
}, {
value: [0.9947, 202.4249],
itemStyle: {
normal: {
color: '#ED6E00'
}
}
}, {
value: [1.2405, 199.0388],
itemStyle: {
normal: {
color: '#ED6E00'
}
}
}]
}]
}];
截图如下
世人的悲欢并不相通，我只是觉得他们吵闹。
苏公网安备32058302005157号 皖ICP备2021000672号
丨Copyright © 2021 chenyongchang.All Rights Reserved