高图图例符号

Question

有什么方法可以改变图例，填充颜色与系列相同，但系列上的圆形标记填充白色 fiddle：https://jsfiddle.net/Lur5tw76/13/，这里是图例和系列标记中心填充白色，是否有任何选项不将图例更改为标记（图例填充系列颜色），这是我的高图系列选项

series: [{
    data: data,
    color: "#405caa",
    stickyTracking: false,
    marker: {
        enabled: true,
        radius: 6,
        fillColor: '#FFFFFF',
        lineWidth: 2,
        lineColor: null // The series' or point's color is used when null.
    },
    dataGrouping: {
        forced: true,
        approximation: "sum",
        units: units
    }
}]

Answer 1

为了使图例项目具有与系列不同的填充，您可以包装 Legend.colorizeItem 的处理以在着色之前更改它。

例如 (JSFiddle):

(function (H) {
  H.wrap(H.Legend.prototype, 'colorizeItem', function (proceed, item, visible) {
    // Store series fill color
    let old_option = item.options.marker.fillColor

    // Store series line color
    let new_option = item.options.marker.lineColor

    // Overwrite series fill color with line color
    item.options.marker.fillColor = new_option

    // Do colorizeItem with new fill color
    proceed.apply(this, Array.prototype.slice.call(arguments, 1));

    // Set series fill color back to original value
    item.options.marker.fillColor = old_option
  });
}(Highcharts));

高图图例符号

Highchart legend symbol

highcharts

highstock