FusionCharts - Forum_Tooltip in Trenline

Created using FusionCharts Suite XT - www.fusioncharts.com

by Vishalika

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>

<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    var conversionChart = new FusionCharts({
        type: 'bar2d',
        renderAt: 'chart-container',
        width: '600',
        height: '300',
        dataFormat: 'json',
        dataSource: {
      "chart": {
         "caption": "Quarterly Sales Summary",
         "subcaption": "Last year",
         "xaxisname": "Quarter",
         "yaxisname": "Amount (In USD)",
         "numberprefix": "$",
         "theme": "fint"
      },
      "data": [
         {
            "label": "Q1",
            "value": "195000"
         },
         {
            "label": "Q2",
            "value": "155000"
         },
         {
            "label": "Q3",
            "value": "178000"
         },
         {
            "label": "Q4",
            "value": "192000"
         }
      ],
      "trendlines": [
         {
            "line": [
               {
                  "startvalue": "175000",
                  "color": "#1aaf5d",
                  "valueOnRight": "1",
                  "tooltext": "Quarterly sales target was $startDataValue",
                  "displayvalue": "Target - $175K"
               }
            ]
         }
      ]
   }
    });
    conversionChart.render();
});