Załaduj region za pomocą C3.js

Próbuję dynamicznie wczytać region do wykresu liniowego w C3.js za pomocą api ładowania.Załaduj region za pomocą C3.js

Dane kolumny ładują się poprawnie, ale nie ma żadnych zmian w regionach. Nie chcę używać interfejsu API region.add, ponieważ do tego projektu potrzebna jest linia przerywana.

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

Byłbym wdzięczny za każdą pomoc, jestem tak utknął - dziękuję!

Źródło

2015-06-24 dangerd

Po pierwsze, twoje 'regiony' nie wyglądają jak [pokazuje ich api] (http://c3js.org/reference.html# regiony). Po drugie, 'regiony' znajdują się poza' danymi' nie wewnątrz jak 'kolumny'. Aby zmienić je dynamicznie, może być konieczne zrobienie czegoś innego. – Tony

Dzięki za odpowiedź. Nie używam regionów api, ponieważ nie można uzyskać efektu linii przerywanej. Używam wykresu liniowego z podejściem regionów, w którym regiony są umieszczane wewnątrz obiektu danych, jak w tym przykładzie http://c3js.org/samples/simple_regions.html – dangerd

Touche. Nie możesz emulować efektu za pomocą CSS? W przeciwnym razie możesz rozważyć otwarcie problemu na oficjalnej stronie [github page] (https://github.com/masayuki0812/c3). – Tony

jak na ich dokumentacji c3 api load można tylko przekazać te wartości w load rozmowy

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

Aby dodaj regions do load zadzwoń, aby zgłosić problem na ich numer github pages lub sprawdzić, czy ktoś już istnieje

Jak na razie jedynym rozwiązaniem jest użycie regions.add ale nie obsługuje stylu kreska już teraz

check Demo:Fiddle

Można podnieść kwestię, aby dodać styl kreska zamiast dodawania regions do wywołanie, ponieważ może być łatwiejsze i szybsze do naprawienia

Źródło

2016-01-04 03:48:31

Twoje demo nie działa –

Zaktualizował link demo, skopiował cały javascript jako fiddle blokował surowy URL zawartości github –

Załaduj region za pomocą C3.js

Odpowiedz

Powiązane problemy