[GitHub] [incubator-echarts] zhibikanmohuakai commented on issue #10481: 修复symbol使用Function时控制台提示symbolType.indexOf is not a function

[GitBox]

zhibikanmohuakai commented on issue #10481: 
修复symbol使用Function时控制台提示symbolType.indexOf is not a function
URL: 
https://github.com/apache/incubator-echarts/pull/10481#issuecomment-493361857
 
 
   ```js
   <!DOCTYPE html>
   <html lang="zh_CN">
   <head>
       <meta charset="UTF-8">
       <meta name="viewport" 
content="width=device-width,height=device-height,initial-scale=1.0">
       <title>Title</title>
     <script 
src="https://cdn.jsdelivr.net/npm/echarts@4.2.1/dist/echarts.js";></script>
   </head>
   <body>
   <div id="main" style="width: 500px;height: 400px;"></div>
   <script>
     const main = echarts.init(document.querySelector('#main'))
     let option = {
       title: {
         text: '未来一周气温变化',
         subtext: '纯属虚构'
       },
       legend: {
         data:['最高气温','最低气温']
       },
       xAxis:  {
         type: 'category',
         boundaryGap: false,
         data: ['周一','周二','周三','周四','周五','周六','周日']
       },
       yAxis: {
         type: 'value',
         axisLabel: {
           formatter: '{value} °C'
         }
       },
       series: [
         {
           name:'最高气温',
           type:'line',
           data:[11, 11, 15, 13, 12, 13, 10],
           markPoint: {
             data: [
               {type: 'max', name: '最大值'},
               {type: 'min', name: '最小值'}
             ]
           },
           markLine: {
             data: [
               {type: 'average', name: '平均值'}
             ]
           }
         },
         {
           name:'最低气温',
           type:'line',
           data:[1, -2, 2, 5, 3, 2, 0],
           markPoint: {
             // symbol: 'rect',
             symbol: (value)=> 'rect', // 在这里，请看控制台报错
             data: [
               {name: '周最低', value: -2, xAxis: 1, yAxis: -1.5}
             ]
           },
           markLine: {
             data: [
               {type: 'average', name: '平均值'},
               [{
                 symbol: 'none',
                 x: '90%',
                 yAxis: 'max'
               }, {
                 symbol: 'circle',
                 label: {
                   normal: {
                     position: 'start',
                     formatter: '最大值'
                   }
                 },
                 type: 'max',
                 name: '最高点'
               }]
             ]
           }
         }
       ]
     };
     main.setOption(option)
   </script>
   </body>
   </html>
   ```
   你测试一下，我这里用的4.2.1版本的

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


With regards,
Apache Git Services

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