You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by "Alilice (via GitHub)" <gi...@apache.org> on 2023/02/21 04:57:44 UTC

[GitHub] [echarts] Alilice commented on issue #16576: [Feature] 能否支持 面积区间图, 谢谢

Alilice commented on issue #16576:
URL: https://github.com/apache/echarts/issues/16576#issuecomment-1437858185

   option = {
     title: {
       text: 'Stacked Area Chart'
     },
     tooltip: {
       trigger: 'axis',
       axisPointer: {
         type: 'cross',
         label: {
           backgroundColor: '#6a7985'
         }
       }
     },
     legend: {
       data: ['min', 'Union Ads', 'Direct', 'max']
     },
     toolbox: {
       feature: {
         saveAsImage: {}
       }
     },
     grid: {
       left: '3%',
       right: '4%',
       bottom: '3%',
       containLabel: true
     },
     xAxis: [
       {
         type: 'category',
         boundaryGap: false,
         data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
       }
     ],
     yAxis: [
       {
         type: 'value'
       }
     ],
     series: [
       {
         name: 'min',
          type: 'line',
           zlevel: 1,
           symbol: 'none',
           color: '#9bf8bd',
           emphasis: {
               disabled: true
           },
           areaStyle: {
               color: '#fff',
               opacity: 1
           },
         data: [120, 132, 101, 134, 90, 230, 210]
       },
       {
         name: 'Union Ads',
         type: 'line',
         data: [220, 182, 191, 234, 290, 330, 310]
       },
       {
         name: 'Direct',
         type: 'line',
         data: [320, 332, 301, 334, 390, 330, 320]
       },
       {
         name: 'max',
         type: 'line',
                   symbol: 'none',
                   color: '#9bf8bd',
                   emphasis: {
                       disabled: true
                   },
                   areaStyle: {
                       normal: {
                           opacity: 0.7
                       }
                   },
         data: [330, 342, 311, 354, 398, 339, 328]
       }
     ]
   };
   可以试试,根据自己的需求再改一下属性


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org