javascript
puppeteer 鼠标定位滑块_监听滑块滑动或滑块随鼠标移动 | JShare
監聽滑塊滑動或滑塊隨鼠標移動 | JShare
fork from "Column with rotated labels"
var data = [29,12,32,28,22,34,9,12,13,21,24,32,27,31,32,16,21,18,20];
drawAdvChart();
function drawAdvChart() {
var option = {
chart : {
type : 'column',
renderTo : "container",
backgroundColor : '#FFFFFF',
plotBackgroundColor : '#FFFFFF',
panning : false,
//zoomType: 'xy',
margin : [11, 1, 1, 1], //離 top, Right, Bottom, left的距離
},
title : {
text : null
},
scrollbar : {
enabled : true,
barBackgroundColor : '#abc000',
barBorderRadius : 8,
barBorderWidth : 1,
buttonBorderWidth : 0,
buttonArrowColor : '#ffffff',
buttonBorderRadius : 10,
rifleColor : '#d2f1eb',
trackBackgroundColor : '#ffffff',
trackBorderWidth : 1,
trackBorderRadius : 8,
height: 16
},
tooltip : {
enabled : true,
shadow : false, //顯示提示框陰影
borderWidth : 0,
backgroundColor : null,
crosshairs : [{
width : 1,
color : '#000000'
}]
},
xAxis : {
events : {
afterSetExtremes: function(e) {
var extremes = chart.xAxis[0].getExtremes();
var index = Math.ceil((extremes.min + 2));
//alert(index);
this.series[0].data[index].select();
//this.series[0].data[index].hover;
chart.tooltip.refresh(this.series[0].data[index]);
//chart.hoverPoint(this.series[0].data[index]);
//chart.series[0].data[index].point.mouseOver();
}
},
labels : {//標簽軸設置
enabled : false, //關閉x軸顯示
},
tickLength : 0, //x刻度線長寬
min : 0,
max : 8,
},
yAxis : {
title : {
text : ''
},
labels : {
enabled : false, //關閉y軸顯示
},
gridLineColor : '#d8f2ee', //y軸網格顏色
tickAmount : 4
},
series : [{
color : '#FF0F00',
data : [],
point : {
events : {
mouseOver : function() {
},
click : function() {
},
mouseOut : function() {
}
}
},
}],
plotOptions : {
series:{
stickyTracking: true,
states: {
hover: {
brightness: -0.3 // darken
}
}
}
},
legend : {
enabled : false //隱藏圖例說明
},
credits : {
enabled : false //去除版權信息
}
};
option.series[0].data = data;
var chart = new Highcharts.Chart(option);
}
{"resource":"1,4","options":null,"code":{"code":"hhhGzL","name":"監聽滑塊滑動或滑塊隨鼠標移動","version":0,"doctype":0,"description":"fork from \"Column with rotated labels\"","meta":null,"newGroup":240,"group":{"id":240,"name":"默認分組","code":"shushu"}}}
總結
以上是生活随笔為你收集整理的puppeteer 鼠标定位滑块_监听滑块滑动或滑块随鼠标移动 | JShare的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 红旗H5被渣土车压扁 不报废只能修！保险
- 下一篇： java调试案例_Spring-boot