海图传奇符号

时间:2018-07-07 11:56:32

标签: highcharts highstock

有没有办法用与系列相同的实色更改图例,但是在系列小提琴上用白色填充了圆形标记: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
    }
}]

1 个答案:

答案 0 :(得分: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));