Highcharts 如何将图像添加到高图表？

我有1000个多边形系列的高图表，但我不能显示所有图例。所以我只想保留四个图例（在对多个多边形系列进行分组之后），并想编写它们的图例

1. case 1.   Red color box
2. case 2.   Blue color box 
3. case 3.   Green color box
4. case 4.   white color box

---

但我如何才能将该图例放在highchart中，因为highchart仅基于系列数据生成图例。或者，我可以添加在highchart multi polygon series（showinlegend:flase）中单独生成的静态图像，以便它在polygon series中显示为图例吗？

根据您的要求，如果您只想显示四个不可单击的图例状指示器，您可以使用如下渲染器：

function(chart) {
    chart.renderer.rect(80, 75, 10, 10).attr({
    fill: '#C5FFC5',

}).add(); chart.renderer.text("Series 1" ,100, 85).add();
      chart.renderer.rect(80, 95, 10, 10).attr({
    fill: 'red' 
}).add();
    chart.renderer.text("Series 2" ,100, 105).add();
      chart.renderer.rect(80, 115, 10, 10).attr({
    fill: 'green' 

}).add();
chart.renderer.text("Series 3" ,100, 125).add(); 
}

编辑在代码中，按如下方式放置此代码：

    $.getJSON('data10.json', function(data) {
    options.series=data;
    options.chart.zoomType='x'; 
     chart = new Highcharts.Chart(options);
        chart.renderer.rect(80, 75, 10, 10).attr({
            fill: '#C5FFC5',
            stroke: 'black',
                'stroke-width': 1
        }).add();
        chart.renderer.text("Series 1", 100, 85).add();
        chart.renderer.rect(80, 95, 10, 10).attr({
            fill: 'red',
            stroke: 'black',
                'stroke-width': 1
        }).add();
        chart.renderer.text("Series 2", 100, 105).add();
        chart.renderer.rect(80, 115, 10, 10).attr({
            fill: 'green',
            stroke: 'black',
                'stroke-width': 1
        }).add();
        chart.renderer.text("Series 3", 100, 125).add();



});

---

使用中间系列，然后只打印其中4个。我试图通过在代码中添加以下代码来运行，但我没有得到任何图例作为输出。您将函数放置在错误的位置，并且由于缺少data10和data20.json文件，图表也没有绘制。在您的函数中，在图表声明后调用它，如上面答案中的更新（设置坐标x，y，无论您想要什么位置）