【问题标题】:Is HighCharts custom marker symbol shape modifiable?HighCharts 自定义标记符号形状是否可修改?
【发布时间】:2018-06-29 20:32:10
【问题描述】:

在文档中symbol 可以通过url() 来显示自定义图像符号,但是如果我的图像是正方形并且我需要它显示为圆形,HighCharts 是否支持这个或者我需要自定义 css 来做到这一点?

【问题讨论】:

    标签: highcharts


    【解决方案1】:

    Highcharts 仅提供了使用url() 设置自定义标记符号的可能性,但在底层该符号以SVGImageElement 的形式出现,因此基本上它无法在其上应用例如border-radius 参数。 实现所需效果的最简单方法是编辑图像。 您还可以为每个符号动态添加<rect> 元素,并将其设置为特定图像的clipRect

    最好的问候!

    【讨论】:

    • 你能提供一个使用<rect>的工作样本吗?非常感谢。
    • 嗨@TravisSu,抱歉迟到了。这是主题,应该对您有所帮助:stackoverflow.com/questions/7430580/…。在那里您可以找到示例和说明如何实现它。
    • 我用自己的图片网址复制粘贴了答案代码和插件,但它没有显示任何内容....
    • 这个例子展示了如何使用clipPath参数结合SVG图像,所以它不是所有问题的通用解决方案。您需要重构代码并将其调整为您的期望。
    猜你喜欢
    • 1970-01-01
    • 2020-03-02
    • 2017-12-18
    • 2014-02-02
    • 1970-01-01
    • 1970-01-01
    • 2022-01-08
    • 2018-01-30
    相关资源
    最近更新 更多