監(jiān)聽(tīng)滑塊滑動(dòng)或滑塊隨鼠標(biāo)移動(dòng) | 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 : {//標(biāo)簽軸設(shè)置

enabled : false, //關(guān)閉x軸顯示

},

tickLength : 0, //x刻度線長(zhǎng)寬

min : 0,

max : 8,

},

yAxis : {

title : {

text : ''

},

labels : {

enabled : false, //關(guān)閉y軸顯示

},

gridLineColor : '#d8f2ee', //y軸網(wǎng)格顏色

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 //隱藏圖例說(shuō)明

},

credits : {

enabled : false //去除版權(quán)信息

}

};

option.series[0].data = data;

var chart = new Highcharts.Chart(option);

}

{"resource":"1,4","options":null,"code":{"code":"hhhGzL","name":"監(jiān)聽(tīng)滑塊滑動(dòng)或滑塊隨鼠標(biāo)移動(dòng)","version":0,"doctype":0,"description":"fork from \"Column with rotated labels\"","meta":null,"newGroup":240,"group":{"id":240,"name":"默認(rèn)分組","code":"shushu"}}}

總結(jié)

以上是生活随笔為你收集整理的puppeteer 鼠标定位滑块_监听滑块滑动或滑块随鼠标移动 | JShare的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。