Javascript 我能不能把highcharts列堆叠在悬停状态而不突出显示整个系列
正如你在这里看到的。 如果我与Javascript 我能不能把highcharts列堆叠在悬停状态而不突出显示整个系列,javascript,jquery,html,css,highcharts,Javascript,Jquery,Html,Css,Highcharts,正如你在这里看到的。 如果我与列一起使用:{stacking:'normal'} 当您将鼠标悬停在同一个系列上时,它会高亮显示具有相同名称的整个系列 是否有任何方法可以只突出显示悬停的元素,而不会以任何方式影响系列中的其他元素? 我还想保留悬停标签 Highcharts.chart('container'{ 图表:{ 类型:“列” }, 标题:{ 文本:“堆叠柱形图” }, xAxis:{ 类别:[‘苹果’、‘橘子’、‘梨’、‘葡萄’、‘香蕉’] }, 亚克斯:{ 分:0,, 标题:{ 正文:
列一起使用:{stacking:'normal'}
当您将鼠标悬停在同一个系列上时,它会高亮显示具有相同名称的整个系列
是否有任何方法可以只突出显示悬停的元素,而不会以任何方式影响系列中的其他元素?
我还想保留悬停标签
Highcharts.chart('container'{
图表:{
类型:“列”
},
标题:{
文本:“堆叠柱形图”
},
xAxis:{
类别:[‘苹果’、‘橘子’、‘梨’、‘葡萄’、‘香蕉’]
},
亚克斯:{
分:0,,
标题:{
正文:“水果总消费量”
},
堆叠标签:{
启用:对,
风格:{
fontWeight:'粗体',
颜色:(Highcharts.theme&&Highcharts.theme.textColor)| |“灰色”
}
}
},
图例:{
对齐:“右”,
x:-30,
垂直排列:“顶部”,
y:25,
浮动:是的,
背景颜色:(Highcharts.theme&&Highcharts.theme.background2)| |“白色”,
边框颜色:“#CCC”,
边框宽度:1,
影子:错
},
工具提示:{
headerFormat:“{point.x}
”,
pointFormat:“{series.name}:{point.y}
总计:{point.stackTotal}”
},
打印选项:{
专栏:{
堆叠:“正常”,
数据标签:{
启用:对,
颜色:(Highcharts.theme&&Highcharts.theme.dataLabelsColor)| |“白色”
}
}
},
系列:[{
姓名:'约翰',
数据:[5,3,4,7,2]
}, {
姓名:'简',
数据:[2,2,3,2,1]
}, {
名字:'乔',
数据:[3,4,4,2,5]
}]
});代码>
在工具提示中使用共享:true
Highcharts.chart('container'{
图表:{
类型:“列”
},
标题:{
文本:“堆叠柱形图”
},
xAxis:{
类别:[‘苹果’、‘橘子’、‘梨’、‘葡萄’、‘香蕉’]
},
亚克斯:{
分:0,,
标题:{
正文:“水果总消费量”
},
堆叠标签:{
启用:对,
风格:{
fontWeight:'粗体',
颜色:(Highcharts.theme&&Highcharts.theme.textColor)| |“灰色”
}
}
},
图例:{
对齐:“右”,
x:-30,
垂直排列:“顶部”,
y:25,
浮动:是的,
背景颜色:(Highcharts.theme&&Highcharts.theme.background2)| |“白色”,
边框颜色:“#CCC”,
边框宽度:1,
影子:错
},
工具提示:{
headerFormat:“{point.x}
”,
pointFormat:“{series.name}:{point.y}
总计:{point.stackTotal}”,
分享:真的
},
打印选项:{
专栏:{
堆叠:“正常”,
数据标签:{
启用:对,
颜色:(Highcharts.theme&&Highcharts.theme.dataLabelsColor)| |“白色”
}
}
},
系列:[{
姓名:'约翰',
数据:[5,3,4,7,2]
}, {
姓名:'简',
数据:[2,2,3,2,1]
}, {
名字:'乔',
数据:[3,4,4,2,5]
}]
});代码>
您可以禁用非活动
效果并使用悬停
状态:
plotOptions: {
...,
column: {
stacking: 'normal',
states: {
inactive: {
enabled: false
},
hover: {
color: 'blue'
}
}
}
}
现场演示:
API参考:不是我想要的100%。我将JSFIDLE更新到当前文件中,以便更清楚地说明我的问题所在。此外,标签应仅来自该元素。例如:-如果我将鼠标悬停在绿色的苹果上,是否仅高亮显示绿色并显示特定标签?标签应仅高亮显示绿色苹果元素并仅显示绿色苹果的标签。我希望这是有道理的。