Highcharts 如何显示类似图例的地图';海图中的直线图?

Highcharts 如何显示类似图例的地图';海图中的直线图?,highcharts,Highcharts,我用的是海图, 我想有一个像图例一样的地图,而不是默认的线图的图例,只用于特定的线 例如,使用此图例 而不是 在这个例子中,有详细的“东京”号 任何想法???通常不支持,但您可以尝试将这些功能从地图添加到标准图表: 谢谢,太棒了!出于好奇,我们可以将图例分为3级,以显示节点值的划分结果吗?e、 g,假设max为30,将此函数((nodeVal/10)+1)用于图例,可生成3个级别。在哪里以及如何使用?对不起,我不太明白你的意思。你能展示一些图片或提供更多的描述吗?实际上我需要将地图上的图例分

我用的是海图,

我想有一个像图例一样的地图,而不是默认的线图的图例,只用于特定的线

例如,使用此图例

而不是

在这个例子中,有详细的“东京”号


任何想法???

通常不支持,但您可以尝试将这些功能从地图添加到标准图表:


谢谢,太棒了!出于好奇,我们可以将图例分为3级,以显示节点值的划分结果吗?e、 g,假设max为30,将此函数((nodeVal/10)+1)用于图例,可生成3个级别。在哪里以及如何使用?对不起,我不太明白你的意思。你能展示一些图片或提供更多的描述吗?实际上我需要将地图上的图例分为3个级别,在CAT1中显示1到10之间的数字,在CAT2中显示11到20之间的数字,以此类推。。例如,当max“nodeVal=value of each node”为30时,必须有一些地方可以使用类似((nodeVal/10)+1)的东西!如果不清楚,我会提供一张图片。用已经定义好的颜色创建点不是更容易吗?把它们分成三个系列?还有,这和你的问题有什么关系?
        legend: {
            layout: 'horizontal',
            borderWidth: 0,
            backgroundColor: 'rgba(255,255,255,0.85)',
            floating: true,
            verticalAlign: 'top',
            y: 25
        },
    legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle',
        borderWidth: 0
    },
(function (H) {
    // add colorAxis
    H.seriesTypes.line.prototype.axisTypes = ['xAxis', 'yAxis', 'colorAxis']; 
    H.seriesTypes.line.prototype.optionalAxis = 'colorAxis';

    // draw points and add setting colors
    H.wrap(H.seriesTypes.line.prototype, "translate", function (p) {
        p.call(this);
        H.seriesTypes.heatmap.prototype.translateColors.call(this);
    });

    // copy method from heatmap for color mixin
    H.seriesTypes.line.prototype.translateColors = H.seriesTypes.heatmap.prototype.translateColors; 

    // use "y" to calculate color
    H.seriesTypes.line.prototype.colorKey = 'y';
})(Highcharts);