Javascript Highcharts：在悬停状态下更改仪表图表的指针颜色

我想更改悬停时指针的颜色，然后选择“查看下图”。我已经按照中给出的api使用了上述选项，但不起作用。有没有办法做到这一点

---

您可以使用CSS设置悬停指针的样式，如下所示：

div.highcharts-container:hover g.highcharts-tracker > * {
  fill :#f00;
}

您需要确保div.highcharts-container对于您所针对的图表是唯一的，因为这个示例非常通用，比如说您在同一页面上有多个图表，或者使用相同的CSS。例如，这个CSS将针对所有图表

我不确定你能在这些图表上选择什么来回答你的第二个问题

$function{ $'container'.highcharts{ 图表：{ 类型：“仪表”， plotBackgroundColor:null， plotBackgroundImage:空， 绘图边框宽度：0， plotShadow:false }, 标题：{ 文字：“速度表” }, 打印选项：{ 仪表：{ allowPointSelect:true， 国家：{ 悬停：{ 启用：对， 标记：{ fillColor:FF0000， 线条颜色：0000FF， 线宽：5 } } } } }, 窗格：{ startAngle:-150， 端角：150， 背景：[{ 背景颜色：{ 线性梯度：{ x1:0， y1:0， x2:0， y2:1 }, 停止：[ [0，'FFF']， [1, '333'] ] }, 边框宽度：0， 外层：109% }, { 背景颜色：{ 线性梯度：{ x1:0， y1:0， x2:0， y2:1 }, 停止：[ [0, '333'], [1，‘FFF’] ] }, 边框宽度：1， 外层：107% }, { //默认背景 }, { 背景颜色：“DDD”， 边框宽度：0， 外层：105%， 内半径：“103%” }] }, //价值轴 亚克斯：{ 分:0,， 最高：200， minorTickInterval:“自动”， minorTickWidth:1， minorTickLength:10， minorTickPosition:“内部”， minorTickColor:'666'， 像素间隔：30， 宽度：2， 位置：'内部'， 长度：10， tickColor:'666'， 标签：{ 步骤：2， 旋转：“自动” }, 标题：{ 文字：“公里/小时” }, 绘图带：[{ 起:0,， 致：120， 颜色：“55BF3B”//绿色 }, { 起：120， 收件人：160， 颜色：“DDDF0D”//黄色 }, { 起：160， 致:200,， 颜色：“DF5353”//红色 }] }, 系列：[{ 名称：“速度”， 数据：[80]， 工具提示：{ valueSuffix:'公里/小时' } }] }; }; div.highcharts-container:悬停g.highcharts-tracker>*{ 填充：f00； }

---

您可以引用加载事件，然后通过声明附加自定义事件

chart: {
        type: 'gauge',
        events:{
            load:function() {
            var chart = this,
                    graph = chart.series[0].data[0].graphic;

            graph
            .on('mouseover',function(){
                graph.attr({
                fill: 'red'
              });
            })
            .on('mouseout',function(){
                graph.attr({
                fill: 'black'
              });
            })
            .on('click', function() {
                graph.attr({
                fill: 'green'
              });
            });
          }
        }
    },

---

你是指工具提示边框还是其他指针？你能更详细地说明应该发生什么吗？@SebastianBochan我添加了一个图像，以便更好地理解这个问题，为什么api中会给出states选项？我可以根据api更改/设置悬停时的格式并选择哪些内容？您可以编辑带刻度盘的指针的格式，但没有设置悬停时的格式或选择：谢谢。那么，系列选项中的悬停和选择状态究竟用于什么？使用api中给出的这些选项可以实现什么？这是应用attr对象中定义的样式的解决方法。因此，它们不是从系列选项中提取的。

chart: {
        type: 'gauge',
        events:{
            load:function() {
            var chart = this,
                    graph = chart.series[0].data[0].graphic;

            graph
            .on('mouseover',function(){
                graph.attr({
                fill: 'red'
              });
            })
            .on('mouseout',function(){
                graph.attr({
                fill: 'black'
              });
            })
            .on('click', function() {
                graph.attr({
                fill: 'green'
              });
            });
          }
        }
    },