Problema con Amcharts

ballon25 · #1 (**permalink**) 27/08/2015, 08:30

hola a todos, bueno este es mi primer post y quiero saber si alguien me podria ayudar con una grafica de amchart, lo q quiero hacer es aumentar texto y datos al ballontext(globo q aparece al poner el mouse encima de un grafico). quiero pasarle a ese ballontext mas datos por ejemplo pasarle el valor del graph#2 al ballotext del grapgh#1 este es mi codigo.

resumiendo, quiero editar los ballontext agregando valores de los json o de otra fuente.

var chart;

var chartData = [
{
"year": "Mimco",

"negocio":@ViewBag.mimcoTotal41,
"ingexp":@ViewBag.mimcoTotal42,
"firma":@ViewBag.mimcoTotal43,
"dise":@ViewBag.mimcoTotal44,
"ingmun":@ViewBag.mimcoTotal45,
"licencia":@ViewBag.mimcoTotal46,

"sincandidato":@ViewBag.mimcoTotal51,
"concandidato":@ViewBag.mimcoTotal52
},
{
"year": "Ericsson",

"negocio":@ViewBag.ericssonTotal41,
"ingexp":@ViewBag.ericssonTotal42,
"firma":@ViewBag.ericssonTotal43,
"dise":@ViewBag.ericssonTotal44,
"ingmun":@ViewBag.ericssonTotal45,
"licencia":@ViewBag.ericssonTotal46,

"sincandidato":@ViewBag.ericssonTotal51,
"concandidato":@ViewBag.ericssonTotal52
},
{
"year": "Dsite",

"negocio":@ViewBag.dsiteTotal41,
"ingexp":@ViewBag.dsiteTotal42,
"firma":@ViewBag.dsiteTotal43,
"dise":@ViewBag.dsiteTotal44,
"ingmun":@ViewBag.dsiteTotal45,
"licencia":@ViewBag.dsiteTotal46,

"sincandidato":@ViewBag.dsiteTotal51,
"concandidato":@ViewBag.dsiteTotal52
},

{
"year": "Quanta",

"negocio":@ViewBag.quantaTotal41,
"ingexp":@ViewBag.quantaTotal42,
"firma":@ViewBag.quantaTotal43,
"dise":@ViewBag.quantaTotal44,
"ingmun":@ViewBag.quantaTotal45,
"licencia":@ViewBag.quantaTotal46,
"sincandidato":@ViewBag.quantaTotal51,
"concandidato":@ViewBag.quantaTotal52
},

{

];

AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "year";
chart.plotAreaBorderAlpha = 0.2;

// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.gridAlpha = 0.1;
categoryAxis.axisAlpha = 0;
categoryAxis.gridPosition = "start";

// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.stackType = "regular";
valueAxis.gridAlpha = 0.1;
valueAxis.axisAlpha = 0;
chart.addValueAxis(valueAxis);

// GRAPHS

//primero
var graph = new AmCharts.AmGraph();

//1
graph = new AmCharts.AmGraph();
graph.title = "5.1 SIN CANDIDATO";
graph.labelText = "[[value]]";
graph.valueField = "sincandidato";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#CC0000";
graph.balloonText = "[[category]] [[title]]:[[value]]";
chart.addGraph(graph);

// 2
graph = new AmCharts.AmGraph();
graph.title = "5.2 CON CANDIDATO";
graph.labelText = "[[value]]";
graph.valueField = "concandidato";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#FF5050";
graph.balloonText = "[[category]] [[title]]:[[value]]";
chart.addGraph(graph);

// 3
graph = new AmCharts.AmGraph();
graph.title = "4.1 EN NEGOCIACION CON PROPIETARIO";
graph.labelText = "[[value]]";
graph.valueField = "negocio";
graph.type = "column";
//graph.newStack = true; // this line starts new stack
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#FFFF99";
graph.balloonText = "[[category]] [[title]]:[[value]]";
chart.addGraph(graph);

// 4
graph = new AmCharts.AmGraph();
graph.title = "4.2 ING EXP TDP (EA)";
graph.labelText = "[[value]]";
graph.valueField = "ingexp";
graph.type = "column";
graph.newStack = true;
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#FFFF00";
graph.balloonText = "[[category]] [[title]]:[[value]]";
chart.addGraph(graph);

// 5
graph = new AmCharts.AmGraph();
graph.title = "4.3 FIRMA CON PROPIETARIO";
graph.labelText = "[[value]]";
graph.valueField = "firma";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#E6E600";
graph.balloonText = "[[category]] [[title]]:[[value]]";
chart.addGraph(graph);

// 6
graph = new AmCharts.AmGraph();
graph.title = "4.4 EN DISEÑO";
graph.labelText = "[[value]]";
graph.valueField = "dise";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#FFD700";
graph.balloonText = "[[category]] [[title]]:[[value]]";
chart.addGraph(graph);

// 7
graph = new AmCharts.AmGraph();
graph.title = "4.5 ING EXP MUNICIPIO";
graph.labelText = "[[value]]";
graph.valueField = "ingmun";
graph.type = "column";
//graph.newStack = true; // this line starts new stack
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#ADFF2F";
graph.balloonText = "[[category]] [[title]]:[[value]]";
chart.addGraph(graph);

// 8
graph = new AmCharts.AmGraph();
graph.title = "4.6 EN LICENCIA";
graph.labelText = "[[value]]";
graph.valueField = "licencia";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#008000";
graph.balloonText = "[[category]] [[title]]:[[value]]";
chart.addGraph(graph);