高图表重置缩放按钮
highcharts reset zoom button
我正在尝试仅在启用导航器的情况下使用 x 轴缩放来控制高库存图表上缩放按钮的可见性。
默认情况下,它以这种组合显示,核心代码禁用缩放按钮。但是,有一些功能允许您显示按钮,但我找不到隐藏它的功能。
function createChart() {
$('#container').highcharts('StockChart', {
chart: {
zoomType: "x",
panning: true,
panKey: "shift"
},
rangeSelector: {
selected: 4
},
xAxis: {
events: {
setExtremes: xAxisExtremes
},
},
yAxis: {
labels: {
formatter: function() {
return (this.value > 0 ? ' + ' : '') + this.value + '%';
}
},
plotLines: [{
value: 0,
width: 2,
color: 'silver'
}]
},
series: seriesOptions
});
}
function xAxisExtremes(e) {
var chart = $('#container').highcharts();
if (e.trigger === "zoom") {
if (e.min && e.max) {
chart.showResetZoom();
} else {
alert("Reset Zoom");
// chart.hideResetZoom(); ????
}
}
}
请参阅此小提琴,了解我正在使用的示例。https://jsfiddle.net/sooftcL7/3/
利用 xAxis setExtremes 事件,我可以使用触发器标识符检测发生的缩放事件。 我可以使用chart.showResetZoom()打开按钮;
我都试过了
chart.resetZoomButton.destroy()
chart.resetZoomButton.hide()
正如其他地方所建议的,但是它们不是定义的函数。
任何帮助将不胜感激。
干杯
D.
您必须禁用导航器以删除底部栏并禁用范围选择器以删除缩放按钮
$('#container').highcharts('StockChart', {
...
rangeSelector : {
enabled: false
},
navigator: {
enabled: false
}
...
});
检查这个http://jsfiddle.net/CgAnW/
resetZoomButton.destroy()
函数只有在resetZoomButton
是一个对象时才能调用。根据Highsotck的消息来源:
对于股票图表 (...)导航器和范围选择器已允许 X 轴缩放。
if (zoomType === 'x') { chart.resetZoomButton = 'blocked'; // replaced with string }
因此,要破解它,您可以简单地执行以下操作:
chart: {
zoomType: 'xz' // whatever string containg x
}
这意味着缩放类型保持为"x",但您省略了这个丑陋的 if 语句,该语句将 resetZoomButton 对象替换为一些随机字符串......
相关文章:
- 更改高贴图的缩放级别
- 在不阻止默认行为的情况下检测IE10中的缩放
- 为什么缩放按钮不会显示在照片擦除中
- 如何在不使用dijit的情况下在按钮单击时更改地图缩放级别
- 突出显示如何在单击重置缩放按钮事件中捕获和插入逻辑
- JIT Rgraph 上的缩放按钮
- 无法使用缩放按钮操作图像
- 为什么谷歌地图显示灰色,而没有初始化缩放&当使用jQuery按钮更改缩放时,居中,地图上的居中效果非常好
- 如何在esri地图上制作自己的缩放按钮
- 使用单选按钮提升缩放
- 点击按钮缩放canvasjs条形图
- 平滑缩放画布通过按钮而不是鼠标滚轮
- X3dom -如何使缩放按钮
- 通过按钮恢复页面缩放/比例
- 使用d3实现缩放按钮
- d3.js散点图-缩放/拖动边界、缩放按钮、重置缩放、计算中值
- 在React传单中获取自定义缩放按钮时遇到问题
- 高图表重置缩放按钮
- 改变material-ui按钮的字体大小,并使按钮缩放
- 创建增加变量的javascript按钮,以便用户可以有效地缩放页面