Question

我需要禁用图例项的悬停属性，因为我在移动平台上使用Highcharts。遗憾的是，发生legendItemClick事件并不能解决问题，因为仍然会出现悬停。

我很高兴地看到这个问题出现在2011年的旧支持网站上。可以找到线程here。我特别高兴看到最后一个jfiddle示例和在其中声明的函数。

不幸的是，唯一对我有用的是将setHoverStyle更改为null的解决方法。这并不是很好，因为悬停动作仍然会触发并使图例和图表无法响应导航。上述主题中的其他建议导致图表未呈现。

当然，这可能是因为我很难将这个例子转化为我的目的 - 老实说，我不知道在哪里调用这个功能，而且我所尝试过的任何地方都失败了。我的JavaScript文件是按照

的方式设置的

var chartDefinition = {
  chart: {
    renderTo: 'chart_content',
    type: 'column'
  },
  colors: [
         '#619ED6',
         '#6BA547',
         '#F7D027',
         '#E48F1B',
         '#B77EA3',
         '#E64345',
         '#60CEED',
         '#9CF168',
         '#F7EA4A',
         '#FBC543',
         '#FFC9ED',
         '#E6696E'
         ],
  title: {
    text: ''
  },

  ...

 column: {
      shadow: false,
      borderWidth: 1,
      events: {
        click: function() { return false; },
        legendItemClick: function() { return false; }
      },
      dataLabels: {
        enabled: false,
        color: '#222',
        style: {
          fontFamily: 'sans-serif',
          fontSize: '13px',
          fontWeight: 'bold'
        }
      }
    }
  },
  series: []
};

列出并设置各种highcharts属性。

有没有人知道如何禁用此悬停属性或者调用function的适当位置？

Answer 1

您的示例：http://jsfiddle.net/Cp7xh/10/

尝试为legendGroup禁用鼠标悬停，而不是legendItem。

在Highcharts中禁用图例悬停

1 个答案: