Javascript 悬停指针在AmCharts股票图表中不起作用
我使用AmChart显示了两个图形。悬停时,一个指针显示,但另一个指针不起作用。悬停时对第一个数据集图形起作用悬停时将圆指针悬停,但对第二个数据集图形不起作用。 我正在使用Javascript 悬停指针在AmCharts股票图表中不起作用,javascript,amcharts,Javascript,Amcharts,我使用AmChart显示了两个图形。悬停时,一个指针显示,但另一个指针不起作用。悬停时对第一个数据集图形起作用悬停时将圆指针悬停,但对第二个数据集图形不起作用。 我正在使用showHandOnHover属性,但仍然不起作用。 代码如下: var chartData1 = []; var chartData2 = []; generateChartData(); function generateChartData() { var firstDate = new Date();
showHandOnHover
属性,但仍然不起作用。
代码如下:
var chartData1 = [];
var chartData2 = [];
generateChartData();
function generateChartData() {
var firstDate = new Date();
firstDate.setDate(firstDate.getDate() - 500);
firstDate.setHours(0, 0, 0, 0);
for (var i = 0; i < 500; i++) {
var newDate = new Date(firstDate);
newDate.setDate(newDate.getDate() + i);
var a1 = Math.round(Math.random() * (40 + i)) + 100 + i;
var a2 = -1 * Math.round(Math.random() * (100 + i)) + 200 + i;
chartData1.push({
date: newDate,
value: a1
});
chartData2.push({
date: newDate,
value: a2
});
}
}
AmCharts.makeChart("chartdiv", {
type: "stock",
dataSets: [{
title: "first data set",
fieldMappings: [{
fromField: "value",
toField: "value"
}],
dataProvider: chartData1,
categoryField: "date"
},
{
title: "second data set",
fieldMappings: [{
fromField: "value",
toField: "value2"
}],
dataProvider: chartData2,
categoryField: "date",
compared: true
}
],
panels: [{
showCategoryAxis: false,
title: "Data set #1",
recalculateToPercents: "never",
stockGraphs: [{
id: "g1",
valueField: "value",
bullet: 'round',
showHandOnHover: true,
comparable: true
}],
stockLegend: {
}
}, {
showCategoryAxis: true,
title: "Data set #2",
recalculateToPercents: "never",
stockGraphs: [{
id: "g2",
valueField: "value2",
compareGraphBullet: 'round',
compareGraphShowHandOnHover: true,
compareField: "value2",
comparable: true,
visibleInLegend: false
}],
stockLegend: {
}
}
],
chartScrollbarSettings: {
graph: "g1"
},
chartCursorSettings: {
valueBalloonsEnabled: true,
fullWidth:true,
cursorAlpha:0.1
},
periodSelector: {
periods: [{
period: "MM",
selected: true,
count: 1,
label: "1 month"
}, {
period: "YYYY",
count: 1,
label: "1 year"
}, {
period: "YTD",
label: "YTD"
}, {
period: "MAX",
label: "MAX"
}]
}
});
var chartData1=[];
var chartData2=[];
generateChartData();
函数generateChartData(){
var firstDate=新日期();
firstDate.setDate(firstDate.getDate()-500);
firstDate.setHours(0,0,0,0);
对于(变量i=0;i<500;i++){
var newDate=新日期(firstDate);
newDate.setDate(newDate.getDate()+i);
var a1=Math.round(Math.random()*(40+i))+100+i;
var a2=-1*数学圆整(Math.random()*(100+i))+200+i;
chartData1.push({
日期:newDate,
数值:a1
});
chartData2.push({
日期:newDate,
数值:a2
});
}
}
AmCharts.makeChart(“chartdiv”{
类型:“股票”,
数据集:[{
标题:“第一个数据集”,
字段映射:[{
fromField:“值”,
托菲尔德:“价值”
}],
数据提供者:chartData1,
类别字段:“日期”
},
{
标题:“第二个数据集”,
字段映射:[{
fromField:“值”,
托菲尔德:“价值2”
}],
数据提供者:chartData2,
类别字段:“日期”,
比较:对
}
],
面板:[{
showCategoryAxis:错误,
标题:“数据集#1”,
重新计算百分比:“从不”,
股票图表:[{
id:“g1”,
valueField:“值”,
子弹:“圆形”,
showHandOnHover:是的,
可比性:正确
}],
股票图例:{
}
}, {
showCategoryAxis:没错,
标题:“数据集#2”,
重新计算百分比:“从不”,
股票图表:[{
id:“g2”,
valueField:“value2”,
比较项目符号:“圆形”,
compareGraphShowHandOnHover:正确,
比较字段:“值2”,
可比:对,,
visibleInLegend:false
}],
股票图例:{
}
}
],
图表滚动条设置:{
图表:“g1”
},
图表光标设置:{
ValueBallodesEnabled:正确,
全宽:对,
cursorAlpha:0.1
},
周期选择器:{
期间:[{
句号:“MM”,
选择:正确,
计数:1,
标签:“1个月”
}, {
期间:“yyy”,
计数:1,
标签:“1年”
}, {
期间:“年初至今”,
标签:“年初至今”
}, {
句号:“MAX”,
标签:“最大值”
}]
}
});
您是否尝试将圆圈{cursor:pointer}
添加到样式表中?您是否尝试将圆圈{cursor:pointer}
添加到样式表中?没有这样想。谢谢:)@iJade大多数时候,最简单的解决方案显而易见,以至于我们忘记了它们;)。如果它成功了,别忘了将这个答案标记为解决方案。我不这么认为。谢谢:)@iJade大多数时候,最简单的解决方案显而易见,以至于我们忘记了它们;)。如果它成功了,别忘了将此答案标记为解决方案。