Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
File Manager
/
integrations
/
django
/
samples
/
fusioncharts
/
samples
:
get_data_from_scatter_chart.py
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
from django.shortcuts import render from django.http import HttpResponse # Include the `fusioncharts.py` file which has required functions to embed the charts in html page from ..fusioncharts import FusionCharts # Loading Data from a Static JSON String # It is a example to show a selectscatter chart where data is passed as JSON string format. # The `chart` method is defined to load chart data from an JSON string. def chart(request): # Create an object for the selectscatter chart using the FusionCharts class constructor selectscatter = FusionCharts("selectscatter", "ex1", 700, 400, "chart-1", "json", # The chart data is passed as a string to the `dataSource` parameter. """{ "chart": { "theme": "fusion", "caption": "Products Sold vs. Price points", "subcaption": "Harry\\'s SuperMart - Last Week", "yaxisname": "Quantity Sold", "xaxisname": "Price(In US $)", "xaxismaxvalue": "1000", "xaxisminvalue": "100", "yaxismaxvalue": "200", "xnumberprefix": "$", "ynumbersuffix": " units", "showcanvasborder": "1", "canvasborderthickness": "0.4", "canvasborderalpha": "50", "showXAxisLine": "0", "showformbtn": "1", "formAction": "#", "submitdataasxml": "1" }, "categories": [ { "verticallinecolor": "666666", "verticallinethickness": "1", "alpha": "40", "category": [ { "label": "$100", "x": "100", "showverticalline": "0" }, { "label": "$200", "x": "200", "showverticalline": "1" }, { "label": "$300", "x": "300", "showverticalline": "1" }, { "label": "$400", "x": "400", "showverticalline": "1" }, { "label": "$500", "x": "500", "showverticalline": "1" }, { "label": "$600", "x": "600", "showverticalline": "1" }, { "label": "$700", "x": "700", "showverticalline": "1" }, { "label": "$800", "x": "800", "showverticalline": "1" }, { "label": "$900", "x": "900", "showverticalline": "1" }, { "label": "$1000", "x": "1000", "showverticalline": "0" }] } ], "dataset": [ { "drawline": "0", "seriesname": "Televisions", "color": "#6baa01", "anchorsides": "3", "anchorradius": "4", "anchorbgcolor": "#6baa01", "anchorbordercolor": "#6baa01", "data": [ { "id": "TV_1", "y": "559", "x": "714" }, { "id": "TV_2", "y": "293", "x": "988" }, { "id": "TV_3", "y": "231", "x": "970" }, { "id": "TV_4", "y": "528", "x": "142" }, { "id": "TV_5", "y": "95", "x": "800" }, { "id": "TV_6", "y": "515", "x": "813" }, { "id": "TV_7", "y": "444", "x": "928" }, { "id": "TV_8", "y": "592", "x": "238" }, { "id": "TV_9", "y": "229", "x": "959" }, { "id": "TV_10", "y": "238", "x": "521" }, { "id": "TV_11", "y": "285", "x": "222" }, { "id": "TV_12", "y": "524", "x": "863" }, { "id": "TV_13", "y": "422", "x": "820" }, { "id": "TV_14", "y": "344", "x": "894" }, { "id": "TV_15", "y": "510", "x": "800" }, { "id": "TV_16", "y": "132", "x": "785" }, { "id": "TV_17", "y": "381", "x": "214" }, { "id": "TV_18", "y": "210", "x": "961" }, { "id": "TV_19", "y": "496", "x": "575" }, { "id": "TV_20", "y": "330", "x": "847" }, { "id": "TV_21", "y": "436", "x": "893" }, { "id": "TV_22", "y": "406", "x": "157" }, { "id": "TV_23", "y": "125", "x": "349" }, { "id": "TV_24", "y": "450", "x": "818" }, { "id": "TV_25", "y": "455", "x": "615" }, { "id": "TV_26", "y": "328", "x": "256" }, { "id": "TV_27", "y": "188", "x": "460" }, { "id": "TV_28", "y": "565", "x": "350" }, { "id": "TV_29", "y": "149", "x": "582" }, { "id": "TV_30", "y": "425", "x": "970" }] }, { "seriesname": "Cell Phones", "color": "#f8bd19", "anchorsides": "4", "anchorradius": "4", "anchorbgcolor": "#f8bd19", "anchorbordercolor": "#f8bd19", "data": [ { "id": "Mob_1", "y": "335", "x": "156" }, { "id": "Mob_2", "y": "339", "x": "927" }, { "id": "Mob_3", "y": "328", "x": "847" }, { "id": "Mob_4", "y": "1", "x": "177" }, { "id": "Mob_5", "y": "246", "x": "175" }, { "id": "Mob_6", "y": "368", "x": "441" }, { "id": "Mob_7", "y": "146", "x": "200" }, { "id": "Mob_8", "y": "347", "x": "482" }, { "id": "Mob_9", "y": "1", "x": "463" }, { "id": "Mob_10", "y": "63", "x": "440" }, { "id": "Mob_11", "y": "77", "x": "211" }, { "id": "Mob_12", "y": "108", "x": "824" }, { "id": "Mob_13", "y": "44", "x": "850" }, { "id": "Mob_14", "y": "77", "x": "712" }, { "id": "Mob_15", "y": "15", "x": "199" }, { "id": "Mob_16", "y": "333", "x": "836" }, { "id": "Mob_17", "y": "31", "x": "482" }, { "id": "Mob_18", "y": "90", "x": "604" }, { "id": "Mob_19", "y": "294", "x": "716" }, { "id": "Mob_20", "y": "241", "x": "870" }, { "id": "Mob_21", "y": "258", "x": "421" }, { "id": "Mob_22", "y": "186", "x": "456" }, { "id": "Mob_23", "y": "255", "x": "327" }, { "id": "Mob_24", "y": "203", "x": "995" }, { "id": "Mob_25", "y": "35", "x": "792" }] }] }""") selectscatter.addEvent("renderComplete", "onRenderComplete") selectscatter.addEvent("beforeDataSubmit", "onBeforeDataSubmit") selectscatter.addEvent("dataRestored", "onDataRestored") # returning complete JavaScript and HTML code, which is used to generate chart in the browsers. return render(request, 'data-from-scatter-chart.html', {'output' : selectscatter.render(),'chartTitle': 'Get data from select scatter chart and show them in tabular format'})