|
@@ -297,7 +297,21 @@ export default {
|
|
|
var myChart = echarts.init(document.getElementById('qkq_bj1'));
|
|
|
let label = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月'];
|
|
|
let value = [233, 233, 200, 180, 199, 233, 210, 180];
|
|
|
-
|
|
|
+ var json = {
|
|
|
+ chart0: {
|
|
|
+ xcategory: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月'],
|
|
|
+ low: value,
|
|
|
+ lowLine: [],
|
|
|
+ }
|
|
|
+ };
|
|
|
+ var zrUtil = echarts.util;
|
|
|
+ zrUtil.each(json.chart0.xcategory, function (item, index) {
|
|
|
+ json.chart0.lowLine.push([{
|
|
|
+ coord: [index, json.chart0.low[index]]
|
|
|
+ }, {
|
|
|
+ coord: [index + 1, json.chart0.low[index + 1]]
|
|
|
+ }]);
|
|
|
+ });
|
|
|
var option = {
|
|
|
grid: {
|
|
|
top: 30,
|
|
@@ -406,12 +420,12 @@ export default {
|
|
|
color: '#19a3df',
|
|
|
borderColor: '#a3c8d8',
|
|
|
},
|
|
|
- lineStyle: {
|
|
|
- normal: {
|
|
|
- width: 6,
|
|
|
- color: '#19a3df',
|
|
|
- },
|
|
|
- },
|
|
|
+ // lineStyle: {
|
|
|
+ // normal: {
|
|
|
+ // width: 6,
|
|
|
+ // color: '#19a3df',
|
|
|
+ // },
|
|
|
+ // },
|
|
|
areaStyle: {
|
|
|
normal: {
|
|
|
color: new echarts.graphic.LinearGradient(
|
|
@@ -435,6 +449,29 @@ export default {
|
|
|
},
|
|
|
data: value,
|
|
|
},
|
|
|
+ {
|
|
|
+ name: '实施计划',
|
|
|
+ type: 'lines',
|
|
|
+ coordinateSystem: 'cartesian2d',
|
|
|
+ zlevel: 1,
|
|
|
+ smooth: true,
|
|
|
+ symbol: 'circle',
|
|
|
+ effect: {
|
|
|
+ show: true,
|
|
|
+ smooth: true,
|
|
|
+ period: 2,
|
|
|
+ symbolSize: 8
|
|
|
+ },
|
|
|
+ lineStyle: {
|
|
|
+ normal: {
|
|
|
+ color: '#19a3df',
|
|
|
+ width: 0,
|
|
|
+ opacity: 0,
|
|
|
+ curveness: 0,
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: json.chart0.lowLine
|
|
|
+ }
|
|
|
],
|
|
|
};
|
|
|
if (option) {
|