Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/403.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我能不能把highcharts列堆叠在悬停状态而不突出显示整个系列_Javascript_Jquery_Html_Css_Highcharts - Fatal编程技术网

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更新到当前文件中,以便更清楚地说明我的问题所在。此外,标签应仅来自该元素。例如:-如果我将鼠标悬停在绿色的苹果上,是否仅高亮显示绿色并显示特定标签?标签应仅高亮显示绿色苹果元素并仅显示绿色苹果的标签。我希望这是有道理的。