echarts折线图负值时areaStyle区域色始终在折线下方(负值时会自动在上方)

当数值为负数时，areaSt yle会出现在上方，如下图：
<img alt=&qu o t;在这里插入图片描述&qu o t; src=&qu ot;https://img–blog

当数值为负数时，ar e aStyle会出现在上方，如下图：
在这里插入图片描述


option = {
  xAxis: {
    type: 'category',
    boundaryGap: false,
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [-820, -932, 901, 934, -1290, 1330, 1320],
      type: 'line',
      areaStyle: {
      }
    }
  ]
};

想areaStyle一直位于折线图下方，在 areaStyle 属性中增加属性： origin: ‘start’
在这里插入图片描述

option = {
  xAxis: {
    type: 'category',
    boundaryGap: false,
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [-820, -932, 901, 934, -1290, 1330, 1320],
      type: 'line',
      areaStyle: {
        origin: 'start'
      }
    }
  ]
};

柱状图结合折线图的情况
在这里插入图片描述

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: [
    {
      type: 'value'
    },
    {
      type: 'value',
      axisLabel: {
        formatter: '{value}%'
      }
    }
  ],
  series: [
    {
      data: [820, 932, 901, 934, 1290, 1330, 1320],
      type: 'bar'
    },
    {
      yAxisIndex: 1,
      data: [-820, -932, 901, 934, -1290, 1330, 1320],
      type: 'line',
      areaStyle: {
        origin: 'start'
      }
    }
  ]
};