You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@echarts.apache.org by GitBox <gi...@apache.org> on 2019/04/08 20:29:39 UTC

[GitHub] [incubator-echarts] chfw commented on issue #8341: svg render异常

chfw commented on issue #8341: svg render异常
URL: https://github.com/apache/incubator-echarts/issues/8341#issuecomment-480995302
 
 
   echarts 4.1.0, chrome
   
   <img width="437" alt="Screenshot 2019-04-08 at 21 29 23" src="https://user-images.githubusercontent.com/4280312/55754788-64174280-5a45-11e9-90ea-64aabb8664c1.png">
   
   
   ```
   <!DOCTYPE html>
   <html>
   <head>
       <meta charset="UTF-8">
       <title>Awesome-pyecharts</title>
               <script type="text/javascript" src="https://pyecharts.github.io/jupyter-echarts/echarts/echarts.min.js"></script>
   
   </head>
   <body>
       <div id="070ad5153e9a49e9b1c6efa06d16011e" style="width:900px; height:600px;"></div>
       <script>
           var chart_070ad5153e9a49e9b1c6efa06d16011e = echarts.init(
               document.getElementById('070ad5153e9a49e9b1c6efa06d16011e'), 'light', {renderer: 'svg'});
           var option_070ad5153e9a49e9b1c6efa06d16011e = {
       "color": [
           "#c23531",
           "#2f4554",
           "#61a0a8",
           "#d48265",
           "#749f83",
           "#ca8622",
           "#bda29a",
           "#6e7074",
           "#546570",
           "#c4ccd3",
           "#f05b72",
           "#ef5b9c",
           "#f47920",
           "#905a3d",
           "#fab27b",
           "#2a5caa",
           "#444693",
           "#726930",
           "#b2d235",
           "#6d8346",
           "#ac6767",
           "#1d953f",
           "#6950a1",
           "#918597"
       ],
       "series": [
           {
               "type": "bar",
               "name": "2017-2018 Revenue in (billion $)",
               "data": [
                   21.2,
                   20.4,
                   10.3,
                   6.08,
                   4,
                   2.2
               ],
               "barCategoryGap": "20%",
               "label": {
                   "show": true,
                   "position": "top",
                   "fontSize": 12
               }
           }
       ],
       "legend": [
           {
               "data": [
                   "2017-2018 Revenue in (billion $)"
               ],
               "selected": {
                   "2017-2018 Revenue in (billion $)": true
               },
               "show": true
           }
       ],
       "tooltip": {
           "trigger": "item",
           "triggerOn": "mousemove|click",
           "axisPointer": {
               "type": "line"
           },
           "textStyle": {
               "fontSize": 14
           },
           "borderWidth": 0
       },
       "yAxis": [
           {
               "show": true,
               "scale": false,
               "nameLocation": "end",
               "nameGap": 15,
               "gridIndex": 0,
               "inverse": false,
               "splitLine": {
                   "show": false,
                   "lineStyle": {
                       "width": 1,
                       "opacity": 1,
                       "curveness": 0,
                       "type": "solid"
                   }
               },
               "axisLine": {
                   "lineStyle": {
                       "width": 1,
                       "opacity": 1,
                       "curveness": 0,
                       "type": "solid"
                   }
               }
           }
       ],
       "xAxis": [
           {
               "show": true,
               "scale": false,
               "nameLocation": "end",
               "nameGap": 15,
               "gridIndex": 0,
               "inverse": false,
               "splitLine": {
                   "show": false,
                   "lineStyle": {
                       "width": 1,
                       "opacity": 1,
                       "curveness": 0,
                       "type": "solid"
                   }
               },
               "axisLine": {
                   "lineStyle": {
                       "width": 1,
                       "opacity": 1,
                       "curveness": 0,
                       "type": "solid"
                   }
               },
               "data": [
                   "Microsoft",
                   "Amazon",
                   "IBM",
                   "Oracl",
                   "Google",
                   "Alibaba"
               ]
           }
       ],
       "title": [
           {
               "text": "Top cloud providers 2018",
               "subtext": "2017-2018 Revenue"
           }
       ]
   };
           chart_070ad5153e9a49e9b1c6efa06d16011e.setOption(option_070ad5153e9a49e9b1c6efa06d16011e);
       </script>
   </body>
   </html>
   
   ```

----------------------------------------------------------------
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:
users@infra.apache.org


With regards,
Apache Git Services

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