File "chart-tooltip.html.erb"

Full Path: /home/analogde/www/php/integrations/rubyonrails/samples/app/views/samples/chart-tooltip.html.erb
File size: 3.41 KB
MIME-type: text/x-ruby
Charset: utf-8

<%
    def getChart
        chartData = {
                "chart": {
                    "caption": "Top 3 Electronic Brands in Top 3 Revenue Earning States",
                    "subcaption": "Last month",
                    "aligncaptiontocanvas": "0",
                    "yaxisname": "Statewise Sales (in %)",
                    "xaxisname": "Brand",
                    "numberprefix": "$",
                    "showxaxispercentvalues": "1",
                    "showsum": "1",
                    "showPlotBorder": "1",
                    # Custom tool-text string built using a combination of HTML and chart macro variables
                    "plottooltext": "<div id='nameDiv' style='font-size: 14px; border-bottom: 1px dashed #666666; font-weight:bold; padding-bottom: 3px; margin-bottom: 5px; display: inline-block;'>$label :</div>{br}State: <b>$seriesName</b>{br}Sales : <b>$dataValue</b>{br}Market share in State : <b>$percentValue</b>{br}Overall market share of $label: <b>$xAxisPercentValue</b>",
                    "theme": "fusion"
                },
                "categories": [
                    {
                        "category": [
                            {
                                "label": "Bose"
                            },
                            {
                                "label": "Dell"
                            },
                            {
                                "label": "Apple"
                            }
                        ]
                    }
                ],
                "dataset": [
                    {
                        "seriesname": "California",
                        "data": [
                            {
                                "value": "335000"
                            },
                            {
                                "value": "225100"
                            },
                            {
                                "value": "164200"
                            }
                        ]
                    },
                    {
                        "seriesname": "Washington",
                        "data": [
                            {
                                "value": "215000"
                            },
                            {
                                "value": "198000"
                            },
                            {
                                "value": "120000"
                            }
                        ]
                    },
                    {
                        "seriesname": "Nevada",
                        "data": [
                            {
                                "value": "298000"
                            },
                            {
                                "value": "109300"
                            },
                            {
                                "value": "153600"
                            }
                        ]
                    }
                ]
            }
             

        # Chart rendering 
        chart = Fusioncharts::Chart.new({
                width: "700",
                height: "400",
                type: "marimekko",
                renderAt: "chartContainer",
                dataSource: chartData
            })
    end
%>

<h3>Customizing tooltip</h3>
<div id="chartContainer"></div>
<%= getChart.render() %>
<br/>
<br/>
<a href="index">Go Back</a>