echarts-去掉X轴、Y轴和网格线

最新推荐文章于 2024-05-15 14:35:51 发布

kunling1104

最新推荐文章于 2024-05-15 14:35:51 发布

阅读量2.8k

点赞数

分类专栏： echart

echart 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1、问题背景

如何在echarts中，去掉X轴、Y轴和网格线，只留数据图形

2、实现源码

[html]view plaincopy 
    
print?
 <!DOCTYPE html>  
 <html>  
     <head>  
         <meta charset="UTF-8">  
         <title>echarts-去掉X轴、Y轴和网格线</title>  
         <link rel="shortcut icon" href="../js/echarts-2.2.7/doc/asset/ico/favicon.png">  
         <script type="text/javascript" src="../js/echarts-2.2.7/doc/asset/js/jquery.min.js" ></script>  
         <script type="text/javascript" src="../js/echarts-2.2.7/doc/example/www2/js/echarts-all.js" ></script>  
           
           
         <script>  
             $(function(){  
                 function randomDataArray() {  
                     var d = [];  
                     var arr = [3,5,7,9,10,1,2,4,8,6];  
                     var len = 10;  
                     for(var i=0;i<len;i++)  
                     {  
                         d.push([i+1,0,arr[i],]);  
                     }  
                       
                     return d;  
                 }  
                   
                 var chart = document.getElementById('chart');    
                 var echart = echarts.init(chart);    
                     
                 var option = {  
                     legend: {  
                         data:['scatter1'],  
                         show:false  
                     },  
                     textStyle:{  
                         fontSize:16  
                     },  
                     xAxis : [  
                         {  
                             type : 'value',  
                             splitNumber: 2,  
                             scale: true,  
                             show:false,  
                             splitLine:{  
                         　　　　show:false  
                         　　}  
                         }  
                     ],  
                     yAxis : [  
                         {  
                             type : 'value',  
                             splitNumber: 2,  
                             scale: true,  
                             show:false,  
                             splitLine:{  
                         　　　　show:false  
                         　　 }  
                         }  
                     ],  
                     series : [  
                         {  
                             name:'scatter1',  
                             type:'scatter',  
                             symbol: 'emptyCircle',  
                             symbolSize: 20,  
                             itemStyle : {   
                                 normal: {  
                                     label:{  
                                         show: true,   
                                         position: 'inside',  
                                         textStyle : {  
                                             fontSize : 24,  
                                             fontFamily : '微软雅黑',  
                                             color:'#FF0000'  
                                         }  
                                     }  
                                 }  
                             },  
                             data: randomDataArray()  
                         }  
                     ]  
                 };    
                     
                 echart.setOption(option);    
             });  
               
         </script>  
     </head>  
     <body>  
         <div id="chart" style="width: 1200px; height: 220px;"></div>  
     </body>  
 </html>  

3、实现结果

转自http://blog.csdn.net/you23hai45/article/details/51569690

kunling1104

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
echarts-去掉X轴、Y轴和网格线

1、问题背景如何在echarts中，去掉X轴、Y轴和网格线，只留数据图形2、实现源码[html] view plain copy print?> html> head> meta charset="UTF-8"> title>echarts-去掉X轴、Y轴和网格线ti
复制链接

扫一扫