amChart CategoryAxes带图标

时间:2015-03-17 08:29:36

标签: javascript html css image amcharts

我想知道是否可以在amChart中将图像添加到CategoryAxes。

我发现了一个可以在每个图形中包含图像的演示,但是它们总是在图形附近和/或给出它们的偏移量,但是我需要让这些图像保持在图表的顶部。

我尝试将<img src ="">提供给CategoryAxes上的类别字段,但它只显示文本,显示所有标记。

我阅读了此类别可以使用的方法和选项,但我没有找到任何可以显示图片的内容,因此,是否可以添加它们?

添加:

//Doesn't works the "category" option
"dataProvider": [
    "category": "<img src='link_to_image.png'>",
    "column-1": 120.99,
    //other values...
    "myBullet1": "<img src='link_to_image.png'>" //this with graph works, but doesn't puts it on top of the chart
],
"graphs": [
    "customBulletField": "myBullet1",
    "bulletOffset": 20,
    "bulletSize": 34,
    //other values
],
//other options

1 个答案:

答案 0 :(得分:1)

好吧,来自amCharts的支持回答我让这个问题成为可能。在这里,我将jsFiddle留给那些将来需要它的人:

jsFiddle amCharts演示

...
img.setAttributeNS('http://www.w3.org/1999/xlink', 'href', 'http://www.amcharts.com//lib/3/images/1.gif');

在这一行中,因为它在for循环中,你可以在一个数组中拥有一组图像,然后使用一个可以使其递增的计数器,你可以在每个类别轴中放置所需的图像。