2011-03-17 23 views
5

¿Es posible representar una serie de datos como puntos y otra como líneas?Mostrar líneas y puntos en el gráfico de líneas - API de visualización

En la tabla a continuación quiero la línea de 'Datos' azul para representar como puntos, conservando las otras series como líneas, se puede hacer esto utilizando las visualizaciones de Google?

Google Visualisation (Line Graph)

que genera el gráfico anterior en this fiddle usando el siguiente código

function drawVisualization() { 
    // Create and populate the data table. 
    var data = new google.visualization.DataTable(); 
    data.addColumn('string', 'x'); 
    data.addColumn('number', 'Data'); 
    data.addColumn('number', 'High'); 
    data.addColumn('number', 'Low'); 
    data.addRow(["A", 1, 5.5, 2.3]); 
    data.addRow(["B", 2, 5.5, 2.3]); 
    data.addRow(["C", 7, 5.5, 2.3]); 
    data.addRow(["D", 3, 5.5, 2.3]); 
    data.addRow(["E", 6, 5.5, 2.3]); 
    data.addRow(["F", 5, 5.5, 2.3]); 


    // Create and draw the visualization. 
    new google.visualization.LineChart(document.getElementById('visualization')). 
     draw(data, { 
     width: 500, height: 400} 
     ); 
} 

Respuesta

8

Sí se puede!
http://code.google.com/apis/chart/interactive/docs/gallery/linechart.html

En ese enlace, vaya a la sección sobre "Serie". Puede especificar cada línea como una serie y establecer la propiedad lineWidth en 0, anulando el valor predeterminado. Eso debería tener el efecto de no dibujar una línea y solo los puntos de datos. En su caso, puede establecer la primera serie ("Datos") en 0 y dejar el resto solo.

+0

Gracias por esto. Necesitaba configurar también la opción pointSize, ya que solo al establecer lineWidth a cero eliminé la serie. nuevo google.visualization.LineChart (document.getElementById ('visualización')). sorteo (datos, { serie: { 0: {color: 'verde', visibleInLegend: true, anchoLinea: 0, pointsize: 2}, 1: {color: 'rojo', visibleInLegend: true}, 2 : {color: 'blue', visibleInLegend: true} } }); – SausageFingers

+0

¡Buena llamada! Vi esa propiedad allí, pero no había comprobado si el valor predeterminado funcionaría. –

Cuestiones relacionadas