Yangjia23 commented on issue #10958: 折线图设置透明圆点,导致 legend icon 与背景色相同,无法正常显示
URL: 
https://github.com/apache/incubator-echarts/issues/10958#issuecomment-519324466
 
 
   ```
   option = {
       backgroundColor: '#394056',
       title: {
           text: '航线上座率分析',
           textStyle: {
               fontWeight: 'normal',
               fontSize: 16,
               color: '#F1F1F3'
           },
           left: '6%'
       },
       tooltip: {
           trigger: 'axis',
           axisPointer: {
               lineStyle: {
                   color: '#57617B'
               }
           }
       },
       legend: {
           icon: 'rect',
           itemWidth: 14,
           itemHeight: 5,
           itemGap: 13,
           data: ['南宁-曼芭', '桂林-曼芭'],
           right: '4%',
           textStyle: {
               fontSize: 12,
               color: '#F1F1F3'
           }
       },
       grid: {
           left: '3%',
           right: '4%',
           bottom: '3%',
           containLabel: true
       },
       xAxis: [{
           type: 'category',
           boundaryGap: false,
           axisLine: {
               lineStyle: {
                   color: '#57617B'
               }
           },
           data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', 
'11月', '12月']
       }],
       yAxis: [{
           type: 'value',
           axisTick: {
               show: false
           },
           axisLine: {
               lineStyle: {
                   color: '#57617B'
               }
           },
           axisLabel: {
               margin: 10,
               textStyle: {
                   fontSize: 14
               }
           },
           splitLine: {
               lineStyle: {
                   color: '#57617B'
               }
           }
       }],
       series: [{
               name: "南宁-曼芭",
               type: "line",
               symbol: "circle",
               lineStyle: {
                 normal: {
                   width: 1,
                   color: "rgb(0,136,212)"
                 }
               },
               areaStyle: {
                 normal: {
                   color: new echarts.graphic.LinearGradient(
                     0,
                     0,
                     0,
                     1,
                     [
                       {
                         offset: 0,
                         color: "rgba(137, 189, 27, 0.3)"
                       },
                       {
                         offset: 0.8,
                         color: "rgba(137, 189, 27, 0)"
                       }
                     ],
                     false
                   ),
                   shadowColor: "rgba(0, 0, 0, 0.1)",
                   shadowBlur: 10
                 }
               },
               itemStyle: {
                 normal: {
                   color: "#394056",
                   borderColor: "rgb(0,136,212)"
                }
               },
               data: [
                 96.3,
                 96.4,
                 97.5,
                 95.6,
                 98.1,
                 94.8,
                 89.6,
                 94.1,
                 80.1,
                 52.4,
                 75.8,
                 94.7
               ]
             }, {
           name: '桂林-曼芭',
           type: 'line',
           smooth: true,
           lineStyle: {
               normal: {
                   width: 1
               }
           },
           areaStyle: {
               normal: {
                   color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                       offset: 0,
                       color: 'rgba(0, 136, 212, 0.3)'
                   }, {
                       offset: 0.8,
                       color: 'rgba(0, 136, 212, 0)'
                   }], false),
                   shadowColor: 'rgba(0, 0, 0, 0.1)',
                   shadowBlur: 10
               }
           },
           itemStyle: {
               normal: {
                   color: 'rgb(0,136,212)'
               }
           },
           data: [97.3,99.2,99.3,100.0,99.6,90.6,80.0,91.5,69.8,67.5,90.4,84.9]
       }]
   };
   ```
   @deqingli 

----------------------------------------------------------------
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:
[email protected]


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to