【问题标题】:How to render image on Yaxis in highcharts如何在highcharts中在Yaxis上渲染图像
【发布时间】:2013-05-02 15:20:00
【问题描述】:

我想用chart.renderer.image 在 Yaxis 上放一张图片。请看这个fiddle

有没有一种简单的方法可以将图像放在 Yaxis 上?例如,我想将图像放在 Yaxis [0,100] 上。使用下面的方法很难做到这一点。

chart.renderer.image('http://highcharts.com/demo/gfx/sun.png', 0, 10, 30, 30)
    .add(); 

【问题讨论】:

    标签: highcharts highstock renderer


    【解决方案1】:

    在这一行:

     chart.renderer.image('http://highcharts.com/demo/gfx/sun.png', 20, 50, 30, 30)
        .add();   
    

    前两个参数负责位置 (x,y)。所以你应该修改它以在 yAxis 中定位对象,如示例中所示:http://jsfiddle.net/F4qS8/701/

    【讨论】:

    • 嘿 Sebastian,如果我想将此图像放置在 y 轴上的值,如何将其转换为绘图像素?例如我想把它放在 10 附近,实际上 10 可能是 (100,23) 我该怎么做?这样我就可以在那里渲染图像?
    • 发现我们可以使用 chart.yAxis[0].toPixels(Number value, [Boolean paneCoordinates]) http://api.highcharts.com/highcharts#Axis.toPixels 来获取“值”的 y 像素在图表上:) 谢谢
    猜你喜欢
    • 1970-01-01
    • 2015-05-05
    • 1970-01-01
    • 2018-01-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多