Highcharts: Como inserir uma variável dentro do tooltip?

0 respostas
E

page dashBoard.xhtml:

<h:panelGroup id="graficoPizza">
								<div id="pizza" style="height:400px;"/>						
								<script>
								//<![CDATA[
									var options2 = {
								        chart: {
								        	renderTo: 'pizza',
								        	type: 'pie',
								            plotBackgroundColor: null,
								            plotBorderWidth: null,
								            plotShadow: false
								        },
								        title: {
								            text: '#{bundle.lbl_operadoras}'
								        },
								        tooltip: {								        	
								    	    pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b> <br/>Quantidade: <b>{point.y:,.0f}</b> <br/>Valor: {series.valorBruto:.1f}'
								        },
								        credits: {
								            enabled: false
							            },
								        plotOptions: {
								            pie: {
											    showInLegend: true,
								                allowPointSelect: true,
								                cursor: 'pointer',
								                dataLabels: {
								                    enabled: true,
								                    color: '#000000',
								                    connectorColor: '#000000',
								                    format: '<b>{point.name}</b>: {point.percentage:.1f} %'
								                }
								            }
								        },
								        series: [{
								            name: '#{bundle.lbl_porcentagem}',
								            data: [],
								        }]								        
								    };
									
									$(document).ready(function() {
										 var chart2 = new Highcharts.Chart(options2);
										 chart2.showLoading('#{bundle.lbl_carregando_grafico}')
										 $.ajax({ 
								             type: "GET",
								             data: "dataInicial=#{crudBean.dataInicialPizza}&dataFinal=#{crudBean.dataFinalPizza}&loja=#{crudBean.lojaPizza}",
								             dataType: "json",
								             url: "/#{bundle.pathAplicacao}/rest/dashBoard/graficoPizza",
								             success: function(data){							            	 
								            	var array = new Array();
									           	if(data.options.series.length > 1){
										           	for (var i = 0 ; i < data.options.series.length ; i++){
										           		array[i] = new Array (data.options.series[i].name, data.options.series[i].valor, data.options.series[i].valorBruto);
									                }
									           	} else {
									           		array[0] = new Array(data.options.series.name, data.options.series.valor, data.options.series.valorBruto);
									           	}									           	
									           	options2.series[0].data = array;
								            	chart2 = new Highcharts.Chart(options2);
								             },
								             error: function( error )
								             {
								            	 chart.showLoading('#{bundle.grafico_sem_dados}')
								             }
								         });
									});   
									//]]>
								</script>
							</h:panelGroup>

class DashBoardRest.java;

Options options = new Options();
		
		List<Series> series = new ArrayList<Series>();
		List<DashBoardVO> list = buscarGraficoPizza(filter);
    	Collections.sort(list);
    	for(DashBoardVO dashBoardVO : list){
    		Series series2 = new Series();
    		series2.setName(dashBoardVO.getNomeRede());
    		series2.setValor(dashBoardVO.getCountID());
    		series2.setValorBruto((Double) dashBoardVO.getValorBruto());
    		series.add(series2);
    	}
    	options.setSeries(series);
    	
		return Response.status(200).entity(options).build();

Eu estou tentando fazer aparecer o valorBruto, eu já debuguei no java(DashBoardRest.class) e o valorBruto vem preenchido, series2.valorBruto também, e no javascript(dashBoard.xhtml) eu leio data.options.series.valorBruto e está preenchido também.. MAS no tooltip
Valor: {series.valorBruto:.1f}'
está vindo 0,0

Podem me ajudar?

Criado 17 de setembro de 2014
Respostas 0
Participantes 1