我的解决方法:通过JS写一个柱形图表;图例是通过图形和文本框组合的形式做出来的;
缺点:在JS中写入了固定的数据,所以不是个动态表;JS出来的柱形图是固定不变的
方法治标不治本,只能做个表样形式;希望能有更好的方法。
- option = {
- tooltip: {
- trigger: 'axis',
- axisPointer: {
- type: 'shadow'
- }
- },
- grid: {
- left: '3%',
- right: '4%',
- bottom: '3%',
- containLabel: true
- },
- xAxis: [{
- type: 'category',
- axisTick: {
- show: false
- },
- data: ['06-05', '06-06', '06-07', '06-08', '06-09', '06-10', '06-11']
- }
- ],
- yAxis: [{
- type: 'value'
- }],
- series: [{
- name: '现管类净申购',
- type: 'bar',
- stack: '总量1',
-
- data: [98, 160, 280, 150, 140, 20, 290]
- },
- {
- name: '现管类赎回',
- type: 'bar',
- stack: '总量1',
- data: [-202, -100, -240, -110, -115, -220, -220]
- },
- {
- name: '非现管类申购',
- type: 'bar',
- stack: '总量2',
-
- data: [270, 161, 140, 155, 70, 21, 70]
- },
- {
- name: '非现管类赎回',
- type: 'bar',
- stack: '总量2',
- // label: {
- // show: true,
- // position: 'left'
- // },
- data: [-120, -101, -120, -115, -210, -35, -130]
- }
- ]
- };
复制代码
|