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);