【问题标题】:highcharts legend marker and series marker with different size不同大小的highcharts图例标记和系列标记
【发布时间】:2017-02-16 13:42:30
【问题描述】:

我正在尝试仅在散点图上绘制标记。问题是我为系列标记指定的任何标记大小也适用于图例标记。如何为图例和系列设置不同的标记大小。 请参考此fiddle link

在 Fiddle 中标记大小的差异不明显,所以这是浏览器的屏幕截图。

plotOptions: {
    scatter: {
        animation: false,
        marker: {
            radius: 5,
            //fillColor: '#FFFFFF',
            lineWidth: 2,
            lineColor: null,
            radius:22,
            symbol : 'square',
            states: {
                hover: {
                    enabled: true,
                    lineColor: 'rgb(100,100,100)'
                }
            }
        },

        /*tooltip: {
            headerFormat: '<b>{series.name}</b><br>',
            pointFormat: '{point.x} cm, {point.y} kg'
        }*/
    }
},

谢谢

【问题讨论】:

    标签: javascript jquery highcharts


    【解决方案1】:

    你试过在你的图例上设置 symbolHeight 吗?

    legend: {
        enabled:true,
        symbolHeight: 10
    },
    

    【讨论】:

    • @morganfree 我已经尝试了你的建议。在小提琴中它正在工作,而在浏览器中它没有显示与小提琴相同的结果。如果你注意到当我们增加系列标记的半径时,图例标记也会改变它的大小。 还有其他方法吗?
    • 我在 chrome 54/Highcharts 5.0.7 中检查了它,它的工作原理与小提琴中的完全一样。重现问题的步骤是什么?
    • 我在我的应用程序中使用它,可能是某些 CSS 可能会影响它。我会努力弄清楚的。
    猜你喜欢
    • 1970-01-01
    • 2016-04-01
    • 2022-08-19
    • 1970-01-01
    • 2023-02-03
    • 1970-01-01
    • 2019-03-18
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多