2015-06-24 20 views
9

Sto provando a caricare dinamicamente una regione in un grafico a linee in C3.js utilizzando l'API di caricamento.Carica regione con C3.js

I dati della colonna vengono caricati correttamente ma non vengono apportate modifiche alle regioni. Non voglio usare le regioni.add api perché ho bisogno di una linea tratteggiata per questo progetto.

chart.load({ 
    columns:[ 
     ['data2', 10, 30, 20, 50, 40, 60, 50] 
    ], 
    regions: { 
     'data2': [{'start':3, 'style':'dashed'}] 
    } 
    }); 

Vorrei davvero apprezzare alcun aiuto, io sono così bloccato - grazie!

+1

In primo luogo, il tuo 'regioni' non sembra [ciò che dimostra la loro api] (http://c3js.org/reference.html# regioni). In secondo luogo, 'regions' si trova al di fuori di' data' non all'interno di 'colonne '. Per cambiarli dinamicamente potresti dover fare qualcosa di diverso. – Tony

+0

Grazie per la risposta. Non sto usando la regione api in quanto non può dare un effetto tratteggiato. Sto usando il grafico a linee con l'approccio delle regioni in cui le regioni sono inserite all'interno dell'oggetto dati come in questo esempio http://c3js.org/samples/simple_regions.html – dangerd

+0

Touche. Non puoi emulare l'effetto con i CSS? Altrimenti, potresti prendere in considerazione l'idea di aprire un problema sulla pagina ufficiale [github] (https://github.com/masayuki0812/c3). – Tony

risposta

4

Come per la loro documentazione c3 api load si può passare solo questi valori in load chiamata

url, json, rows, columns, classes, categories, axes, colors, type, types, unload e done

Per aggiungi regions a load chiama per risolvere il problema con lo.210 o controllare se ne esiste già

A partire da ora unica soluzione è quella di utilizzare regions.add ma non supporta lo stile pizzico fin d'ora

controllo Demo:Fiddle

È possibile sollevare una questione per aggiungere stile dash invece di aggiungere regions a load chiamare come potrebbe essere più facile e veloce per loro per risolvere

+0

La tua demo non funziona –

+0

Aggiornato il link dimostrativo, copiato l'intero javascript mentre il violino stava bloccando il contenuto github raw url –