【问题标题】:Is it possible to install circular avatar in place of axis text labels是否可以安装圆形头像代替轴文本标签
【发布时间】:2013-12-30 23:35:19
【问题描述】:

我需要在条形图的 Y 轴上安装人脸。是否可以安装自定义图像来代替轴标签?理想情况下,该解决方案将启用边框半径、边框样式和图像 URL 属性。

如果您可以将我指向启用图像轴标签单击和鼠标悬停事件的文档,则可以加分!

【问题讨论】:

    标签: charts labels rgraph


    【解决方案1】:

    这里有一个使用图片作为标签的例子:

    https://www.rgraph.net/demos/bar-images-as-labels.html

    但请记住,它们不是 DOM 对象 - 即,您不能在向它们添加鼠标悬停事件时使用 CSS 设置它们的样式(至少不是以标准方式)。不过,您可以使用 RGraph 添加鼠标悬停。

    【讨论】:

    • 谢谢理查德。你有 RGraph 兼容图像样式的链接吗?我希望创建类似于这种 CSS 样式: background: transparent url(/img.png) center center no-repeat;边框半径:8px
    • 样式的方式并不多 - 您可以使用坐标(保存在 obj.coords[0] 中)在图像周围绘制边框(使用 ondraw 事件)但没有样式(除了文档页面rgraph.net/docs/drawing-api-image.html 上列出的内容)。我正在考虑为下一个版本添加诸如边界半径之类的东西——但这可能还需要一段时间。
    • 我还要补充一点,您可以在画布标签本身上使用 CSS - 就像这个示例添加背景颜色和边框半径一样:rgraph.net/demos/line-black-and-purple.html
    • 我现在为绘图 API 图像对象添加了四个属性:border [false]、border.color [black]、border.width [1] 和border.radius [0]。如果您愿意,请尝试它们,如果您发现任何错误,请与我联系。
    • 他们将在下一个测试版中顺便说一句。
    猜你喜欢
    • 2010-11-26
    • 1970-01-01
    • 1970-01-01
    • 2019-05-29
    • 2016-02-18
    • 1970-01-01
    • 2020-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多