CODEWITHSUNDEEP
javascriptamcharts
Xplora
Xplora

Reputation: 903

How to add hovers for amCharts Guides?

In amCharts Area Chart, is it possible to add Balloon for the Guides similar to below? The requirement is to show more information about vertical line when user hovers over it.

enter image description here

Upvotes: 1

Views: 1882

Answers (1)

zeroin
zeroin

Reputation: 6025

Yes, you can. You should add balloonText to the guide object, not like you did but like this:

        "guides": [{
        category: "2001",
        toCategory: "2003",
        lineColor: "#CC0000",
        lineAlpha: 1,
        fillAlpha: 0.2,
        fillColor: "#CC0000",
        dashLength: 2,
        inside: true,
        labelRotation: 90,
        label: "fines for speeding increased",
        "balloonText": "<img src='http://www.amcharts.com/lib/3/images/car.png' style='vertical-align:bottom; margin-right: 10px; width:28px; height:21px;'><span style='font-size:14px; color:#000000;'><b>asaassssss</b></span>",
    }, {
        category: "2007",
        lineColor: "#CC0000",
        lineAlpha: 1,
        dashLength: 2,
        inside: true,
        labelRotation: 90,
        label: "motorcycle fee introduced"
    }]

http://jsfiddle.net/5pdunxqf/2/

Upvotes: 1

Related Questions