echarts 环形图指示线中如何去除指示线

求大神帮忙啊,这些引导线怎么去掉?【echarts吧】_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名:今日本吧第个签到,本吧因你更精彩,明天继续来努力!
本吧签到人数:0可签7级以上的吧50个
本月漏签0次!成为超级会员,赠送8张补签卡连续签到:天&&累计签到:天超级会员单次开通12个月以上,赠送连续签到卡3张
关注:1,273贴子:
求大神帮忙啊,这些引导线怎么去掉?
series : [
type: 'pie',
name:'访问来源',
show:false ,
position : 'outside'
emphasis:{
show :true
center :['50%', '50%'],
radius :[0, '75%'],
{name:'视频广告',
value:235,
selected :false,
{name:'联盟广告',value:274},
{name:'邮件营销',value:310},
{name:'直接访问',value:335},
{name:'搜索引擎',value:400}
]label.normal.show控制显隐label.emphasis.show控制鼠标悬浮时的显隐
解决了,3Q
贴吧热议榜
使用签名档&&
保存至快速回贴jQuery插件echarts去掉垂直网格线用法示例
本文实例讲述了jQuery插件echarts去掉垂直网格线用法。分享给大家供大家参考,具体如下:
1、问题背景
设计一条统计人数的折线,其中网格线没有垂直线
2、实现源码
(1)有垂直网格线
&!DOCTYPE html&
&meta charset=&UTF-8&&
&title&echarts-有垂直网格线&/title&
&link rel=&shortcut icon& href=&../js/echarts-2.2.7/doc/asset/ico/favicon.png& rel=&external nofollow& rel=&external nofollow& &
&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&
body,html{
width: 99%;
height: 99%;
font-family: &微软雅黑&;
font-size: 12
width: 100%;
height: 100%;
&/style&
$(function(){
var chart = document.getElementById('chart');
var echart = echarts.init(chart);
var option = {
text: ''
tooltip: {
trigger: 'axis'
data:['人数']
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
toolbox: {
feature: {
saveAsImage: {}
type: 'category',
boundaryGap: false,
splitLine:{
data: ['周一','周二','周三','周四','周五','周六','周日']
type: 'value'
name:'人数',
type:'line',
stack: '人数',
data:[, , , 3210]
echart.setOption(option);
&/script&
&/head&
&div id=&chart&&&/div&
&/body&
&/html&
(2)无垂直网格线
&!DOCTYPE html&
&meta charset=&UTF-8&&
&title&echarts-去掉垂直网格线&/title&
&link rel=&shortcut icon& href=&../js/echarts-2.2.7/doc/asset/ico/favicon.png& rel=&external nofollow& rel=&external nofollow& &
&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&
body,html{
width: 99%;
height: 99%;
font-family: &微软雅黑&;
font-size: 12
width: 100%;
height: 100%;
&/style&
$(function(){
var chart = document.getElementById('chart');
var echart = echarts.init(chart);
var option = {
text: ''
tooltip: {
trigger: 'axis'
data:['人数']
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
toolbox: {
feature: {
saveAsImage: {}
type: 'category',
boundaryGap: false,
splitLine:{
show:false
data: ['周一','周二','周三','周四','周五','周六','周日']
type: 'value'
name:'人数',
type:'line',
stack: '人数',
data:[, , , 3210]
echart.setOption(option);
&/script&
&/head&
&div id=&chart&&&/div&
&/body&
&/html&
3、实现结果
(1)有垂直网格线
(2)无垂直网格线
4、问题说明
去掉网格中的垂直线,只需在xAxis中加入splitLine属性的设置show:false
微信公众号搜索: FedJavaScript ,选择关注,与十万前端开发者一起探讨前端学习
你可能感兴趣的文章:
本文实例讲述了Jquery+html5可设置闹钟并且会语音提醒的时钟特效。分享给大家供大家参考。具体如下:
这是一款基于Jquery+html5实现可设置闹钟并且会语音提醒的时钟特效代码,超逼真的模拟时钟,最大的特点还可以语音提醒,感兴趣的...
运行效果图:
为大家分享的类似淘宝网站搜索框样式代码如下
&meta http-equiv=&Content-Type& content=&text/ ...
本文实例讲述了jQuery将所有被选中的checkbox某个属性值连接成字符串的方法。分享给大家供大家参考。具体如下:
对于一组checkbox,当点击每个checkbox后,把当前处于选中状态的checkbox的某个属性值取出来连...
项目中有个需求,下拉框既可以下拉选择,也可以手动填写
&span&数据来源&/span&
&select class=&source&&
去年秋天我的业余编程项目(coding side projects)到了一个紧要关头:没有充足的进度,也不能够找到一种方法在既不牺牲我可汗学院(Khan Academy)高效的工作的前提下完成更多的事情。
如何处理我的业余编程项目是有一些严...
$(function(){
$(document).bind(&contextmenu&,function(e){
项目需求:
实现原理:当选中当前元素时,给当前元素添加样式,同级元素移除样式。
点击不同的导航菜单实现当前点击的菜单是高亮的,点击导航下面的某个分类,分类所属的导航也必须是高亮的,点击某一篇文章,文章所属的导航菜单也必须是高亮的.
效果图如...
不多说了,先给大家展示效果图,本文支持源码下载哦,需要的朋友可以直接下载使用,代码很简单哦~
html代码:
&a href=&#&&换肤&/a&
&div class=&quo...
本文实例讲述了jQuery合作伙伴左右滚动特效,分享给大家供大家参考。具体如下:
一款基于jQuery合作伙伴左右滚动特效代码,是一款带左右箭头及自动滚动友情链接合作伙伴左右滚动网页特效,鼠标滑过停止自动滚动,鼠标离开自动滚动,点击左右按钮...
通过 AJAX 加载一段文本:
jQuery 代码:
$(document).ready(function(){
$(&#b01&).click(function(){
htmlobj=$.ajax({url:&quot...
本站(www.javascriptcn.com)所提供的等资源来源互联网,仅供学习研究之用,版权归该资源的合法拥有者所有,如用于商业用途,请购买正版,原作者若认为本站侵犯了您的版权,请联系我们,我们会立即删除!
鄂ICP备号-1
没有账号?echarts-去掉垂直网格线
1、问题背景
设计一条统计人数的折线,其中网格线没有垂直线2、实现源码(1)有垂直网格线&!DOCTYPE html&
&meta charset="UTF-8"&
&title&echarts-去掉垂直网格线&/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&
body,html{
width: 99%;
height: 99%;
font-family: "微软雅黑";
font-size: 12
width: 100%;
height: 100%;
$(function(){
var chart = document.getElementById('chart');
var echart = echarts.init(chart);
var option = {
tooltip: {
trigger: 'axis'
data:['人数']
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
toolbox: {
feature: {
saveAsImage: {}
type: 'category',
boundaryGap: false,
data: ['周一','周二','周三','周四','周五','周六','周日']
type: 'value'
name:'人数',
type:'line',
stack: '人数',
data:[, , , 3210]
echart.setOption(option);
&div id="chart"&&/div&
(2)无垂直网格线&!DOCTYPE html&
&meta charset="UTF-8"&
&title&echarts-去掉垂直网格线&/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&
body,html{
width: 99%;
height: 99%;
font-family: "微软雅黑";
font-size: 12
width: 100%;
height: 100%;
$(function(){
var chart = document.getElementById('chart');
var echart = echarts.init(chart);
var option = {
tooltip: {
trigger: 'axis'
data:['人数']
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
toolbox: {
feature: {
saveAsImage: {}
type: 'category',
boundaryGap: false,
splitLine:{
show:false
data: ['周一','周二','周三','周四','周五','周六','周日']
type: 'value'
name:'人数',
type:'line',
stack: '人数',
data:[, , , 3210]
echart.setOption(option);
&div id="chart"&&/div&
3、实现结果(1)有垂直网格线(2)无垂直网格线4、问题说明
去掉网格中的垂直线,只需在xAxis中加入splitLine属性的设置show:false
没有更多推荐了,
加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!15:11 提问
echarts 饼图引导线周围文字位置的改变
请问echarts引导线的位置可以放在文字的上方吗?官方是这样。
按赞数排序
这个好像不行,如果非要那么做的话,得修改原生的js代码
这个貌似不可以设置吧,估计只能像楼上说的,改代码解决
哈喽,我也遇到楼主这个问题了, 请教下有找到解决办法么~
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐怎么去掉echarts表格上的刻度线_百度知道
怎么去掉echarts表格上的刻度线
我有更好的答案
1 首先,在Java Web项目中新建一个JSP页面someChart.jsp,引入echarts核心JS // 路径配置 require.config({ paths: { echarts: &/scripts/echarts/build/dist& } }); 2 由于这里要用到折线图,需要将折线图的JS引入 require( [ 'echarts', 'echa。
为您推荐:
其他类似问题
换一换
回答问题,赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。

我要回帖

更多关于 echarts 指示线 的文章

 

随机推荐