内容提交

longyvfengyun

2023-11-11 093eb98f1ccbcc789b201f179382aeffa2801727

 src/components/echarts/options/gradientLine.js

@@ -1,7 +1,9 @@
import * as echarts from 'echarts';
const getGradientLineOption = ()=> {
  return {
    tooltip: {},
    tooltip: {
      trigger: "item",
    },
    grid: {
      top: '10%',
      left: '1%',
@@ -12,7 +14,7 @@
    legend: {
      show: false,
    },
    xAxis: [{
    xAxis: {
      type: 'category',
      boundaryGap: true,
      axisLine: { //坐标轴轴线相关设置。数学上的x轴
@@ -30,13 +32,10 @@
      axisTick: {
        show: false,
      },
      data: ['10-3', '10-4', '10-5', '10-6', '10-7', '10-8', '10-9', ],
    }],
    yAxis: [{
    },
    yAxis: {
      type: 'value',
      min: 0,
      // max: 140,
      splitNumber: 7,
      splitLine: {
        show: true,
        lineStyle: {
@@ -45,21 +44,23 @@
      },
      axisLine: {
        show: true,
        lineStyle: {
          color: '#f9f9f9'
        },
      },
      axisLabel: {
        margin: 20,
        textStyle: {
          color: '#d1e6eb',

        },
      },
      axisTick: {
        show: false,
      },
    }],
    },
    series: [
      {
        name: '注册总量',
        name: '',
        type: 'line',
        // smooth: true, //是否平滑曲线显示
        //          symbol:'circle',  // 默认是空心圆（中间是白色的），改成实心圆
@@ -73,7 +74,7 @@
          borderColor: '#f0f'
        },
        label: {
          show: false,
          show: true,
          position: 'top',
          textStyle: {
            color: '#fff',
@@ -84,9 +85,6 @@
            color: "#28ffb3",

          }
        },
        tooltip: {
          show: false
        },
        areaStyle: { //区域填充样式
          normal: {
@@ -104,7 +102,7 @@
            shadowBlur: 20 //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
          }
        },
        data: [393, 438, 485, 631, 689, 824, 987]
        data: [[ "1", 393], [ 2, 393], 485, 631, 689, 824, 987]
      },
    ]
  }