如何从highcharts JAVASCRIPT中移除悬停时的外部阴影
How to remove outer shadow when hovered from highcharts JAVASCRIPT
我在消除了高图周围的阴影之后,目前在饼状图的区域上有一个阴影,如下图所示:
我也得到文本在饼状图的中心。
例子代码如下:
$(function() {
// Create the chart
Highcharts.setOptions({
colors: ['#26d248', '#323232']
});
chart = new Highcharts.Chart({
chart: {
renderTo: 'summoner-pie-container',
type: 'pie',
backgroundColor:'transparent'
}, plotOptions: {
series: {
marker: {
states: {
hover: {
enabled: false
}
}
}
},
pie: {
borderWidth: 0
}
},
title: {
text: '',
style: {
display: 'none'
}
}, credits: {
enabled: false
}, exporting: {
buttons: {
contextButton: {
enabled: false
}
}
},
tooltip: {
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ this.y;
}
},
series: [{
data: [["Damage Dealt",34000],["Team Damage Dealt",86423]],
size: '60px',
innerSize: '70%',
dataLabels: {
enabled: false
}
}]
});
});
http://jsfiddle.net/HpdwR/1994/工具提示设置:
tooltip: {
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ this.y;
}
},
您需要添加shadow: false
tooltip: {
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ this.y;
},
shadow: false
}
同样,在你的plotOptions
中,你需要基本上删除对象中的marker
层,如下所示:
plotOptions: {
series: {
states: {
hover: {
enabled: false
}
}
},
工作小提琴()
相关文章:
- 调整窗口大小时,可拖动的对象会出现在容器外部
- HTML表单提交时未执行外部函数
- 通过在Dojo mobile ViewController.openExternalView中动态更改打开同一外部视图的
- 使用html中的外部javascript进行数据验证
- 当鼠标悬停在文本中的单词上时显示警报
- 每当您在选择器内移动鼠标时,悬停功能就会重复
- 将变量传递给外部Javascript
- 使用javascript在Flash中加载外部图像
- 手风琴可点击并悬停
- Firebase2(Firebase.google.com)推送通知-从外部管理
- 如何更改reactjs中外部/独立组件的状态或属性
- 悬停功能触发器
- 如何在鼠标悬停时在另一个图像上滑动图像.
- 鼠标悬停事件影响列表中所有行中的按钮,而不仅仅是特定按钮
- 将变量传递给Google Maps事件对象.(谷歌地图多边形,外部元素悬停)
- 如何加载外部内容和应用css通过js悬停
- 如何从highcharts JAVASCRIPT中移除悬停时的外部阴影
- 点击外部链接后悬停效果保持不变
- jQuery UI Carousel 1.0.2的外部控制和悬停
- 谷歌地图api, addListener外部悬停事件