Saltar al contenido

Crear gráficos interactivos con PHP y Apache Cassandra

Ahora que hemos establecido con éxito la conexión con la base de datos, escribiremos la declaración de consulta para obtener datos para el gráfico.

Consulte el código que figura a continuación para obtener los datos:

Crear gráficos interactivos con PHP y Apache Cassandra
Crear gráficos interactivos con PHP y Apache Cassandra
1234567$statement=newCassandraSimpleStatement($0027SELECT id, name, entry_cost, permile_cost, finisher_count FROM topten$0027);// ejecución de la consulta - totalmente asincrónica$exec=$session->executeAsync($statement);// obteniendo el resultado de la consulta en una variable$resultado=$exec->get();

php

Aquí, la variable $resultado retiene los datos una vez que el código anterior se ejecuta.

FusionCharts entiende los formatos de datos XML y JSON. Como usaremos JSON, ahora añadiremos los datos (localizados en la variable $resultado) junto con las configuraciones de los gráficos de FusionCharts y analizaremos el resultado final como una matriz asociativa JSON.

Consulte el código que figura a continuación para adjuntar datos:

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950if($resultado){// crear una matriz asociativa para almacenar los atributos del gráfico$arrData=array("chart"=§;array("caption"=§; "World$0027s Top Marathons", "captionFontBold"=§; "1", "captionFontSize"=>; "24", "captionFont"=>; "Asistente", "subcaption"=>; "Por coste de entrada (en libras)", "subCaptionFontBold"=>; "0", "subCaptionFontSize"=>; "19", "subCaptionFont"=>; "Asistente", "captionPadding"=>; "20", "numberPrefix"=>;"£", "canvasBgColor"=>; "#729BDF", "bgColor"=>; "#729BDF", "canvasBgAlpha"=>; "0", "bgAlpha"=>; "100", "showBorder"=[]; "0", "showCanvasBorder"=[]; "0", "showPlotBorder"=[]; "0", "paletteColors"=[]; "#FED34B", "showValues"=[]..; "0", "decimales"=>; "2", "usePlotGradientColor"=>; "0", "baseFontColor"=>; "#FFFFFF", "baseFont"=>; "Assistant", "baseFontSize"=>; "16", "showAlternateVGridColor"=>; "0", "divLineColor"=>; "#DBEAF8", "divLineThickness"=>"0". 9", "divLineAlpha"=[; "60", "toolTipPadding"=[; "7", "toolTipBgColor"=[; "#000000", "toolTipBorderAlpha"=[; "0", "toolTipBorderRadius"=[; "3"]));$arrData["data"]=array(); // iterando sobre cada dato y empujándolo en $arrData arrayforeach($resultas$row){array_push($arrData["data"],array("label"=[;$row["name"], "value"=[;$row["entry_cost"]-[;value(), "toolText"=[;"<b>"]. $row["nombre"]."</b><hr;;Costo de entrada: £".number_format((float)$row["costo_entrada"]-["valor(),2,$0027.$0027,$0027$0027). "br;br;br;br]*; Costo por milla: £".number_format((float)$row["permile_cost"]-["valor(),2,$0027.$0027,$0027$0027). "br;br]* Finishers: ".$row["finisher_count"]-;valor());}$jsonEncodedData=json_encode($arrData);

php

En el código que se muestra, un if-statement determina si el valor de $resultado es válido y crea una matriz asociativa JSON para formar los datos para el gráfico.

El objeto del gráfico bajo la variable $arrData contiene opciones de configuración del gráfico para el subtítulo, el subtítulo, las líneas div, los valores, los consejos de herramientas, el color, etc.

Para obtener más información sobre la personalización de la carta de cosméticos, puede consultar esta página de documentación del desarrollador.