jQuery插件echarts实现的去掉X轴 Y轴和网格线效果示例【附演示源码下载】

本文实例讲述了jQuery插件echarts实现的去掉X轴，Y轴和网格线效果。分享给大家供大家参考，具体如下：

1、问题背景：

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

2、实现源码：

！DOCTYPE html html head meta charset=' UTF-8 ' title echart-去掉X轴，Y轴和网格线/title脚本类型=' text/JAVAScript ' src=' http : jquery-1。4 .2 .量滴js /脚本脚本类型=' text/JAVAScript ' src=' http : echart。js /脚本$(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 ) { d.push([i 1，0，arr[i]，])；}返回d .} var chart=文档。getelementbyid(' chart ')；var echart=echarts.init(图表);var选项={图例： {数据：['散点1']，show:false }，textStyle : { font size :16 }，xAxis : [ { type : 'value '，splitNumber: 2，scale: true，show:false，splitline : { show : false } }]，yAxis :[{ type 3360微软雅黑，color:'#FF0000' } } } }，data : randomDataArray()}]}；echart.setOption(选项);});/script/head body div id=' chart ' style=' width : 1200 px；'高度： 220px'/div /body/html3，实现效果图：

附：完整实例代码点击此处本站下载。

更多关于jQuery相关内容感兴趣的读者可查看本站专题： 《jQuery常用插件及用法总结》 、 《jquery中Ajax用法总结》 、 《jQuery表格(table)操作技巧汇总》 、 《jQuery扩展技巧总结》 、 《jQuery常见经典特效汇总》 及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。