|
@@ -76,7 +76,7 @@ export default class LineChart extends Component {
|
76
|
76
|
grid: {
|
77
|
77
|
left: '10%',
|
78
|
78
|
right: '8%',
|
79
|
|
- bottom: '10%',
|
|
79
|
+ bottom: '12%',
|
80
|
80
|
top: '10%',
|
81
|
81
|
},
|
82
|
82
|
series: [],
|
|
@@ -89,7 +89,30 @@ export default class LineChart extends Component {
|
89
|
89
|
return {
|
90
|
90
|
...defaultOpt,
|
91
|
91
|
dataset: { source },
|
92
|
|
- dataZoom: [{ type: 'inside', startValue, endValue }],
|
|
92
|
+ dataZoom: [{
|
|
93
|
+ type: 'slider',
|
|
94
|
+ startValue, endValue,
|
|
95
|
+ show: true,
|
|
96
|
+ xAxisIndex: [0],
|
|
97
|
+ handleSize: 10,//滑动条的 左右2个滑动条的大小
|
|
98
|
+ height: 20,//组件高度
|
|
99
|
+ left: 30, //左边的距离
|
|
100
|
+ right: 30,//右边的距离
|
|
101
|
+ bottom: 0,//下边的距离
|
|
102
|
+ handleColor: 'rgba(0,0,0,0.1)',//h滑动图标的颜色
|
|
103
|
+ realtime : true,
|
|
104
|
+ handleStyle: {
|
|
105
|
+ borderColor: "#999",
|
|
106
|
+ borderWidth: "1",
|
|
107
|
+ shadowBlur: 2,
|
|
108
|
+ background: "rgba(0,0,0,0.1)",
|
|
109
|
+ shadowColor: "rgba(0,0,0,0.1)",
|
|
110
|
+ },
|
|
111
|
+ backgroundColor: 'rgba(0,0,0,0.1)',//两边未选中的滑动条区域的颜色
|
|
112
|
+ showDataShadow: false,//是否显示数据阴影 默认auto
|
|
113
|
+ showDetail: false,
|
|
114
|
+
|
|
115
|
+ }],
|
93
|
116
|
series: [{
|
94
|
117
|
type: 'line',
|
95
|
118
|
dimensions: ['name', 'value'],
|