监听滑块滑动或滑块随鼠标移动 | 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"}}}