2012-03-26 33 views
9

Me gustaría tener un gráfico de líneas de google con una de las series de líneas una línea punteada.Líneas discontinuas para un gráfico de líneas de google

¿Es esto posible con el uso de google jsapi (javascript)?

En realidad estoy planeando usar un ComboChart, con un AreaChart para la mayoría de los datos, pero una serie que usa un LineChart. Y me gustaría que esa línea sea una línea punteada ...

+0

¿Ha mirado http://fusioncharts.com/ –

Respuesta

13

Sí, puedes. Acabo de leer sobre el data table roles en el documento

Cada punto que dibuje podría ser cierto (certeza: verdadero) o incierto (certeza: falso). Entre dos puntos, si uno o ambos son inciertos, la línea entre ellos se desvanecerá.

sólo hay que hacerlo de esta manera:

var data = new google.visualization.DataTable(); 
data.addColumn('string', 'Month'); 
data.addColumn('number', 'Sales'); 
data.addColumn({type:'boolean',role:'certainty'}); // certainty col. 
data.addRows([ 
    ['April',1000, true], 
    ['May', 1170, true], 
    ['June', 660, true], 
    ['July', 1030, false] 
]); 
var chartLineWithDash = new google.visualization.LineChart(yourDiv); 
chartLineWithDash .draw(data); 

se lanzó la línea entre junio y julio.

Por el momento es estilo "Experimental", pero no dude en preguntar! :) ¡Espero que te haya ayudado!

+0

Esto también funciona con un dataView. Establezca la variable "data" como se hizo arriba, luego puede hacer var view = new google.visualization.DataView (data). Después de eso, cuando llame a view.setColumns() simplemente asegúrese de incluir su nuevo índice de columna para la columna de certeza agregada. – scottndecker

Cuestiones relacionadas