1

我有一个禁用标记的折线图。legendSymbol 当前是一条线。我想将符号显示为正方形。任何指针？

4

3 回答 3

5

使用最新的 Highcharts 版本，您还可以交换从 Highcharts 外部绘制图例图标的方法：

Highcharts.seriesTypes.line.prototype.drawLegendSymbol = 
     Highcharts.seriesTypes.area.prototype.drawLegendSymbol;

使用为面积图绘制的元素作为折线图的图标。（我在 Highcharts Stockcharts 中使用过这个，但这也应该适用于基本的 Highcharts）

于 2013-08-01T09:43:15.203 回答
1

您可以使用定义了自定义符号的两个系列（一个正常的和一个假的）。首先应该隐藏在传说中。那么只有你需要的是使用legendItemClick和调用动作。

http://jsfiddle.net/5m9JW/339/

于 2013-05-29T11:39:40.497 回答
1

您可以更改stroke-width路径元素的属性。

我们可以向 Highcharts 提供在绘制图表时将绘制的函数。由于redraw在第一次绘图时未调用该load事件，因此需要该事件

  chart: {

      events: {
          load: function () { 
              $(".highcharts-legend-item path").attr('stroke-width', 10);
          },
          redraw: function () {
              $(".highcharts-legend-item path").attr('stroke-width', 10);
          }
      }
  },

我喜欢这个，因为它比其他两个答案更快，并且添加“假系列”感觉就像一个黑客。

如果您需要进一步定制 Hendrik's 会很棒！最初的问题要求一个正方形，如果真正需要的是一个矩形（或一个大正方形），这很好用。

此外，亨德里克的回答在 High Stocks中对我来说也不是开箱即用的，确实如此。

于 2015-04-06T18:41:19.677 回答