Highcarts自定义传奇

时间:2017-08-21 02:19:33

标签: highcharts

如何自定义图例

来自

custom

到此

desired

2 个答案:

答案 0 :(得分:6)

检查highcharts Median of Median api options。您可以使用所需的css进一步自定义。使用适当的svg图像(背景颜色取自图表本身)

data.toArray();

        double[][] matrix2D = new double[ribet.size()/5][5];

        int k=0;

        for (int i=0; i<data.size()/5; i++) {
            for (int j=0; j<5; j++) {
                matrix2D[i][k%5] = data.get(k);
                k = k+1;
            }
        }

legend演示

答案 1 :(得分:0)

您可以修改图例。要显示自定义图标以代替图例符号,您需要将legend.useHTML设置为true值,隐藏符号:

.highcharts-legend-item rect {
  visibility: hidden;
}

并使用labelFormatter。看看下面发布的示例。

API参考:
http://api.highcharts.com/highcharts/legend

例:
http://jsfiddle.net/2trc1gv9/