Question

我使用相同的图例设置构建了多个条形图，但是它似乎并没有转移到散点图上。而是使用图例中的分散标记符号。

我需要标记符号为圆形，而图例符号为正方形，但不使用自定义图例，但似乎无法到达

这些是我正在使用的条形图的图例选项。它可以按预期工作，但是当添加到散点图中时，不会使用图例符号选项，而可以使用cursor，align，verticalAlign和legend: { enabled: true, symbolRadius: 0, symbolHeight: 16, symbolPadding: 15, itemMarginBottom: 20, itemStyle: { fontFamily: chartFont, fontWeight: 'normal', fontSize }, cursor: 'pointer', align: 'left', verticalAlign: 'top' }，但是...图例符号来自散布标记符号，并且似乎已链接。

marker: {
    enabled: true, symbol: 'circle', radius: 15
}

标记符号选项在系列数组中定义为：

{{1}}

Answer 1

要获得所需的结果，可以使用绘制column系列中的图例符号的方式，并将symbolRadius设置为0：

Highcharts.seriesTypes.scatter.prototype.drawLegendSymbol =
    Highcharts.seriesTypes.column.prototype.drawLegendSymbol;


Highcharts.chart('container', {
    series: [{
        type: 'scatter',
        data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]
    }],
    legend: {
        symbolRadius: 0
    }
});

实时演示：http://jsfiddle.net/BlackLabel/4epgLos0/

文档：https://www.highcharts.com/docs/extending-highcharts/extending-highcharts

高图使用图例符号和图例参数，而不是分散标记符号-在散点图中

1 个答案: