Tuesday, 3 September 2013

what is a smarter way to pass amCharts data

what is a smarter way to pass amCharts data

I think that jQuery is not mandatory for using amCharts. What is the
advantage of using jQuery with amCharts?
Regarding the data used in amCharts, is there a more less coding way to
pass data to it (instead of repeating over and over the columns being
used) ?
var chartData = [{ country: "USA", visits: 4025, color: "#FF0F00" }, {
country: "China", visits: 1882, color: "#FF6600" }, { etc.... and Finally,
is there a smarter way to build chartS instead of defining each and every
ONE over and over (an issue for dynamically generated charts) ?
` // GRAPHS // firstgraph var graph = new AmCharts.AmGraph(); graph.title
= "Europe"; graph.labelText = "[[value]]"; graph.valueField = "europe";
graph.type = "column"; graph.lineAlpha = 0; graph.fillAlphas = 1;
graph.lineColor = "#C72C95"; chart.addGraph(graph);
// second graph
graph = new AmCharts.AmGraph();
graph.title = "North America";
graph.labelText = "[[value]]";
graph.valueField = "namerica";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#D8E0BD";
chart.addGraph(graph);
// thirdt graph
graph = new AmCharts.AmGraph();
graph.title = "Asia-Pacific";
graph.labelText = "[[value]]";
graph.valueField = "asia";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#B3DBD4";
chart.addGraph(graph);
// fourth graph
graph = new AmCharts.AmGraph();
graph.title = "Latin America";
graph.labelText = "[[value]]";
graph.valueField = "lamerica";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#69A55C";
chart.addGraph(graph);
// fifth graph
graph = new AmCharts.AmGraph();
graph.title = "Middle-East";
graph.labelText = "[[value]]";
graph.valueField = "meast";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#B5B8D3";
chart.addGraph(graph);
// sixth graph
graph = new AmCharts.AmGraph();
graph.title = "Africa";
graph.labelText = "[[value]]";
graph.valueField = "africa";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#F4E23B";
chart.addGraph(graph);
`
Thanks

No comments:

Post a Comment