|
@@ -535,11 +535,16 @@ let app = new Vue({
|
|
|
let myChart = echarts.init(this.$refs['echartL7'])
|
|
|
let option = {
|
|
|
..._.cloneDeep(this.commonOption),
|
|
|
+ color: ['#b889ea'],
|
|
|
series: [
|
|
|
{
|
|
|
name: '人数变化',
|
|
|
type: 'line',
|
|
|
barWidth: 15,
|
|
|
+ showAllSymbol: true, //显示所有图形。
|
|
|
+ symbol: 'circle', //标记的图形为实心圆
|
|
|
+ symbolSize: 15, //标记的大小
|
|
|
+ smooth: false,
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
@@ -564,20 +569,36 @@ let app = new Vue({
|
|
|
type: 'line',
|
|
|
barWidth: 15,
|
|
|
// yAxisIndex: 1,
|
|
|
+ showAllSymbol: true, //显示所有图形。
|
|
|
+ symbol: 'circle', //标记的图形为实心圆
|
|
|
+ symbolSize: 15, //标记的大小
|
|
|
itemStyle: {
|
|
|
- normal: {
|
|
|
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
- {
|
|
|
- offset: 0,
|
|
|
- color: '#b889ea',
|
|
|
- },
|
|
|
- {
|
|
|
- offset: 1,
|
|
|
- color: '#b889ea',
|
|
|
- },
|
|
|
- ]),
|
|
|
+ color: params => {
|
|
|
+ if (dataL7[0][params.dataIndex] > 0 && params.value < 0) {
|
|
|
+ return 'red'
|
|
|
+ } else {
|
|
|
+ return '#b889ea'
|
|
|
+ }
|
|
|
},
|
|
|
},
|
|
|
+ lineStyle: {
|
|
|
+ color: '#b889ea',
|
|
|
+ width: 2,
|
|
|
+ },
|
|
|
+ // itemStyle: {
|
|
|
+ // normal: {
|
|
|
+ // color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
+ // {
|
|
|
+ // offset: 0,
|
|
|
+ // color: '#b889ea',
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // offset: 1,
|
|
|
+ // color: '#b889ea',
|
|
|
+ // },
|
|
|
+ // ]),
|
|
|
+ // },
|
|
|
+ // },
|
|
|
data: dataL7[1],
|
|
|
},
|
|
|
],
|
|
@@ -633,11 +654,16 @@ let app = new Vue({
|
|
|
let myChart = echarts.init(this.$refs['echartL8'])
|
|
|
let option = {
|
|
|
..._.cloneDeep(this.commonOption),
|
|
|
+ color: ['#b889ea'],
|
|
|
series: [
|
|
|
{
|
|
|
name: '人数变化',
|
|
|
type: 'line',
|
|
|
barWidth: 15,
|
|
|
+ showAllSymbol: true, //显示所有图形。
|
|
|
+ symbol: 'circle', //标记的图形为实心圆
|
|
|
+ symbolSize: 15, //标记的大小
|
|
|
+ smooth: false,
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
@@ -662,20 +688,23 @@ let app = new Vue({
|
|
|
type: 'line',
|
|
|
barWidth: 15,
|
|
|
// yAxisIndex: 1,
|
|
|
+ showAllSymbol: true, //显示所有图形。
|
|
|
+ symbol: 'circle', //标记的图形为实心圆
|
|
|
+ symbolSize: 15, //标记的大小
|
|
|
+ smooth: false,
|
|
|
itemStyle: {
|
|
|
- normal: {
|
|
|
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
- {
|
|
|
- offset: 0,
|
|
|
- color: '#b889ea',
|
|
|
- },
|
|
|
- {
|
|
|
- offset: 1,
|
|
|
- color: '#b889ea',
|
|
|
- },
|
|
|
- ]),
|
|
|
+ color: params => {
|
|
|
+ if (dataL8[0][params.dataIndex] > 0 && params.value < 0) {
|
|
|
+ return 'red'
|
|
|
+ } else {
|
|
|
+ return '#b889ea'
|
|
|
+ }
|
|
|
},
|
|
|
},
|
|
|
+ lineStyle: {
|
|
|
+ color: '#b889ea',
|
|
|
+ width: 2,
|
|
|
+ },
|
|
|
data: dataL8[1],
|
|
|
},
|
|
|
],
|
|
@@ -767,13 +796,6 @@ let app = new Vue({
|
|
|
color: '#B889EA',
|
|
|
width: 2,
|
|
|
},
|
|
|
- data: dataC1[0],
|
|
|
-
|
|
|
- },
|
|
|
- {
|
|
|
- name: '全员劳动生产率同比变化',
|
|
|
- yAxisIndex: 1, //使用的 y 轴的 index,在单个图表实例中存在多个 y轴的时候有用
|
|
|
- type: 'line',
|
|
|
markLine: {
|
|
|
data: [
|
|
|
{
|
|
@@ -805,6 +827,13 @@ let app = new Vue({
|
|
|
distance: [20, 8],
|
|
|
},
|
|
|
},
|
|
|
+ data: dataC1[0],
|
|
|
+
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '全员劳动生产率同比变化',
|
|
|
+ yAxisIndex: 1, //使用的 y 轴的 index,在单个图表实例中存在多个 y轴的时候有用
|
|
|
+ type: 'line',
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
@@ -1124,6 +1153,7 @@ let app = new Vue({
|
|
|
commonOptions.yAxis[0].splitNumber = 2
|
|
|
let option = {
|
|
|
..._.cloneDeep(commonOptions),
|
|
|
+ color: ['#45DAD1'],
|
|
|
series: [
|
|
|
{
|
|
|
name: '2022年利润(万)',
|
|
@@ -1151,17 +1181,21 @@ let app = new Vue({
|
|
|
type: 'bar',
|
|
|
barWidth: 15,
|
|
|
itemStyle: {
|
|
|
- normal: {
|
|
|
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
- {
|
|
|
- offset: 0,
|
|
|
- color: '#45DAD1',
|
|
|
- },
|
|
|
- {
|
|
|
- offset: 1,
|
|
|
- color: '#082550',
|
|
|
- },
|
|
|
- ]),
|
|
|
+ color: params => {
|
|
|
+ if (params.value > 0 && dataR3[0][params.dataIndex] < 0) {
|
|
|
+ return 'red'
|
|
|
+ } else {
|
|
|
+ return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
+ {
|
|
|
+ offset: 0,
|
|
|
+ color: '#45DAD1',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ offset: 1,
|
|
|
+ color: '#082550',
|
|
|
+ },
|
|
|
+ ])
|
|
|
+ }
|
|
|
},
|
|
|
},
|
|
|
data: dataR3[1],
|
|
@@ -1317,6 +1351,7 @@ let app = new Vue({
|
|
|
let myChart = echarts.init(this.$refs['echartR6'])
|
|
|
let option = {
|
|
|
..._.cloneDeep(this.commonOption),
|
|
|
+ color: ['#69c0ff'],
|
|
|
series: [
|
|
|
{
|
|
|
name: '2022年利润累计涨幅率',
|
|
@@ -1345,18 +1380,26 @@ let app = new Vue({
|
|
|
type: 'line',
|
|
|
barWidth: 15,
|
|
|
yAxisIndex: 1,
|
|
|
+ showAllSymbol: true, //显示所有图形。
|
|
|
+ symbol: 'circle', //标记的图形为实心圆
|
|
|
+ symbolSize: 12, //标记的大小
|
|
|
+ smooth: false,
|
|
|
itemStyle: {
|
|
|
- normal: {
|
|
|
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
- {
|
|
|
- offset: 0,
|
|
|
- color: '#69C0FF',
|
|
|
- },
|
|
|
- {
|
|
|
- offset: 1,
|
|
|
- color: '#082550',
|
|
|
- },
|
|
|
- ]),
|
|
|
+ color: params => {
|
|
|
+ if (params.value > 0 && dataR6[0][params.dataIndex] < 0) {
|
|
|
+ return 'yellow'
|
|
|
+ } else {
|
|
|
+ return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
+ {
|
|
|
+ offset: 0,
|
|
|
+ color: '#69c0ff',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ offset: 1,
|
|
|
+ color: '#082550',
|
|
|
+ },
|
|
|
+ ])
|
|
|
+ }
|
|
|
},
|
|
|
},
|
|
|
data: dataR6[1],
|