[GitHub] [incubator-echarts] xss751309229 opened a new issue #13323: areaStyle区域填充无法使用渐变色

[GitBox]

xss751309229 opened a new issue #13323:
URL: https://github.com/apache/incubator-echarts/issues/13323


   ### Version
   4.9.0
   
   ### Reproduction link
   
[https://echarts.apache.org/examples/zh/editor.html?c=area-simple](https://echarts.apache.org/examples/zh/editor.html?c=area-simple)
   
   ### Steps to reproduce
   var base =  new Date(1968, 9, 3);
   var oneDay = 24 * 3600 * 1000;
   var date = [];
   
   var data = [Math.random() * 300];
   
   for (var i = 1; i < 20000; i  ) {
       var now = new Date(base  = oneDay);
       date.push([now.getFullYear(), now.getMonth()   1, 
now.getDate()].join('/'));
       data.push(Math.round((Math.random() - 0.5) * 20   data[i - 1]));
   }
   
   option = {
       tooltip: {
           trigger: 'axis',
           position: function (pt) {
               return [pt[0], '10%'];
           }
       },
       title: {
           left: 'center',
           text: '大数据量面积图',
       },
       toolbox: {
           feature: {
               dataZoom: {
                   yAxisIndex: 'none'
               },
               restore: {},
               saveAsImage: {}
           }
       },
       xAxis: {
           type: 'category',
           boundaryGap: false,
           data: date
       },
       yAxis: {
           type: 'value',
           boundaryGap: [0, '100%']
       },
       dataZoom: [{
           type: 'inside',
           start: 0,
           end: 10
       }, {
           start: 0,
           end: 10,
           handleIcon: 
'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z
 M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
           handleSize: '80%',
           handleStyle: {
               color: '#fff',
               shadowBlur: 3,
               shadowColor: 'rgba(0, 0, 0, 0.6)',
               shadowOffsetX: 2,
               shadowOffsetY: 2
           }
       }],
       series: [
           {
               name: '模拟数据',
               type: 'line',
               smooth: true,
               symbol: 'none',
               sampling: 'average',
               itemStyle: {
                   color: 'rgb(255, 70, 131)'
               },
               areaStyle: {
                   color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                       offset: 0,
                       color: 'rgb(255, 158, 68)'
                   }, {
                       offset: 1,
                       color: 'rgb(255, 70, 131)'
                   }])
               },
               data: data
           }
       ]
   };
   
   ### What is expected?
   区域填充渐变色
   
   ### What is actually happening?
   区域未填充渐变色
   
   ---
   实例中就有这个问题，只能填充纯色，如果设置渐变色后，就不显示填充颜色。
   
   <!-- This issue is generated by echarts-issue-helper. DO NOT REMOVE -->
   


----------------------------------------------------------------
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.

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



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