echarts

zhangxiaoxu123456

2022-04-13 fb1bdc2a4046408f931fce85b331f333c6de973e

echarts

 src/pages/show/index/index.vue

@@ -762,10 +762,10 @@
                  },
                  legend: {
                      data: ['总数', '在职职工', '离退休'],
                      itemWidth: nowSize(30),
                      itemWidth: nowSize(24),
                      itemHeight: nowSize(4),
                      itemGap: nowSize(20),
                      right:'4%',
                      itemGap: nowSize(10),
                      right:'0%',
                      top: '0%',
                      textStyle: {
                          color: '#FFFFFF',
@@ -773,7 +773,7 @@
                      }
                  },
                  grid: {
                      top: '15%',
                      top: '20%',
                      left: '1%',
                      right: '5%',
                      bottom: '3%',
@@ -855,10 +855,10 @@
                  },
                  legend: {
                      data: ['总数', '在职职工', '离退休'],
                      itemWidth: nowSize(30),
                      itemWidth: nowSize(24),
                      itemHeight: nowSize(4),
                      itemGap: nowSize(20),
                      right:'4%',
                      itemGap: nowSize(10),
                      right:'0%',
                      top: '0%',
                      textStyle: {
                          color: '#FFFFFF',
@@ -866,7 +866,7 @@
                      }
                  },
                  grid: {
                      top: '15%',
                      top: '20%',
                      left: '1%',
                      right: '5%',
                      bottom: '3%',
@@ -948,10 +948,10 @@
                  },
                  legend: {
                      data: ['总数', '在职职工', '离退休'],
                      itemWidth: nowSize(30),
                      itemWidth: nowSize(24),
                      itemHeight: nowSize(4),
                      itemGap: nowSize(20),
                      right:'4%',
                      itemGap: nowSize(1),
                      right:'0%',
                      top: '0%',
                      textStyle: {
                          color: '#FFFFFF',
@@ -959,7 +959,7 @@
                      }
                  },
                  grid: {
                      top: '15%',
                      top: '20%',
                      left: '1%',
                      right: '5%',
                      bottom: '3%',
@@ -1041,10 +1041,10 @@
                  },
                  legend: {
                      data: ['总数', '在职职工', '离退休'],
                      itemWidth: nowSize(30),
                      itemWidth: nowSize(24),
                      itemHeight: nowSize(4),
                      itemGap: nowSize(20),
                      right:'4%',
                      itemGap: nowSize(10),
                      right:'0%',
                      top: '0%',
                      textStyle: {
                          color: '#FFFFFF',
@@ -1052,7 +1052,7 @@
                      }
                  },
                  grid: {
                      top: '15%',
                      top: '20%',
                      left: '1%',
                      right: '5%',
                      bottom: '3%',
@@ -1176,6 +1176,7 @@
            display: flex;
            flex: 1;
            justify-content: right;
            margin-left: 0.15625rem  /* 40/256 */;
          }
          .inside-right{
            display: flex;

 src/pages/show/jiuyeAndChuangye/jiuyeChildren/zhiyePeixun.vue

@@ -134,20 +134,34 @@
                            crossStyle: {
                                color: '#999'
                            }
                        },
                        textStyle: {
                            color: '#fff',
                            fontSize: nowSize(28)
                        }
                    },
                    title: {
                      text:'历年职业培训情况分析图',
                      left: 'center',
                      top:'3%',
                      top:'5%',
                      textStyle: {
                          color: '#fff',
                          fontSize: nowSize(30)
                      }
                    },
                    grid: {
                        top: '15%',
                        left: '4%',
                        right: '18%',
                        bottom: '3%',
                        containLabel: true
                    },
                    legend: {
                        data: ['实际培训人数','完成率'],
                        right:'3%',
                        top:'3%',
                        top:'center',
                        orient:'vertical',
                        itemGap: nowSize(50),
                        textStyle: {
                            color:'#fff',
                            fontSize: nowSize(24)
@@ -178,36 +192,46 @@
                    yAxis: [
                        {
                            type: 'value',
                            name: 'Precipitation',
                            min: 0,
                            max: 250,
                            interval: 50,
                            axisLabel: {
                                formatter: '{value} ml',
                                textStyle: {
                                    color: '#fff',
                                    fontSize: nowSize(24)
                                }
                            },
                            axisLine: {

                              lineStyle: {
                                  color: "#999999",
                                  width: 1,
                                  type: "solid"
                              }
                            },
                            splitLine: {
                               show: false
                            }
                        },
                        {
                            type: 'value',
                            name: 'Temperature',
                            min: 0,
                            max: 25,
                            interval: 5,
                            axisLabel: {
                                formatter: '{value} °C'
                                show: false,
                                formatter: '{value} %'
                            },
                            axisLine: {
                                show: false,
                            },
                            splitLine: {
                                show: false
                            },
                            axisTick: {
                                show: false
                            }
                        }
                    ],
                    series: [
                        {
                            name: 'Evaporation',
                            name: '实际培训人数',
                            type: 'bar',
                            barWidth: nowSize(48),
                            color:'#51D2FF',
                            tooltip: {
                                valueFormatter: function (value) {
                                    return value + ' ml';
@@ -218,7 +242,7 @@
                            ]
                        },
                        {
                            name: 'Temperature',
                            name: '完成率',
                            type: 'line',
                            yAxisIndex: 1,
                            tooltip: {