Używam wykresu liniowego z http://www.chartjs.org/
Jak widać, wartość maksymalna (130) i minimalna (60) dla osi Y są wybierane automatycznie, chcę, aby wartość maksymalna = 500 i minimalna = 0. czy to możliwe?
Używam wykresu liniowego z http://www.chartjs.org/
Jak widać, wartość maksymalna (130) i minimalna (60) dla osi Y są wybierane automatycznie, chcę, aby wartość maksymalna = 500 i minimalna = 0. czy to możliwe?
Musisz nadpisać skalę, spróbuj tego:
window.onload = function(){
var ctx = document.getElementById("canvas").getContext("2d");
window.myLine = new Chart(ctx).Line(lineChartData, {
scaleOverride : true,
scaleSteps : 10,
scaleStepWidth : 50,
scaleStartValue : 0
});
}
scales
Obiekt w wersjach 2.x jest zupełnie inny. Zobacz odpowiedź @OferSegev poniżej i dokumentację 2.x tutaj .W przypadku chart.js V2 (beta) użyj:
Aby uzyskać więcej informacji, zobacz dokumentację chart.js dotyczącą konfiguracji osi liniowych .
źródło
min
,max
istepsize
atrybutyticks
przestrzeni nazwsuggestedMax
za minimalną najwyższą wartośćźródło
ChartJS v2.4.0
Jak pokazano w przykładach na https://github.com/jtblin/angular-chart.js 7 lutego 2017 r. (Ponieważ wydaje się, że często się to zmienia):
Spowoduje to otrzymanie 5 wartości na osi Y jako takich:
źródło
xAxes
iyAxes
powinny być zagnieżdżonescales
w opcjach. To plus to nowsza odpowiedź niż odpowiedź Ofera Sergeva, która wydaje się poprawna, jest również zaskakująca.Piszę to w 2016 roku, podczas gdy Chart js 2.3.0 jest najnowszym. Oto, jak można to zmienić
źródło
Powyższe odpowiedzi mi nie pomogły. Możliwe, że nazwy opcji zostały zmienione od '11 roku, ale następujące rzeczy załatwiły sprawę:
źródło
Konfiguruję z 'opcjami' w v2.
Powinieneś przeczytać dokumentację: http://www.chartjs.org/docs/#scales-linear-scale
źródło
Napisałem js, aby wyświetlać wartości od 0 do 100 na osi y z przerwą 20.
To jest mój skrypt.js
To jest wykres wyświetlany w sieci.
źródło
> Najlepsze rozwiązanie
źródło
Po prostu ustaw wartość scaleStartValue w opcjach.
Zobacz dokumentację na ten temat tutaj .
źródło
źródło
To dotyczy Charts.js 2.0:
Powodem, dla którego niektóre z nich nie działają, jest to, że powinieneś zadeklarować swoje opcje podczas tworzenia wykresu w następujący sposób:
Dokumentacja na ten temat jest dostępna tutaj: http://www.chartjs.org/docs/#scales
źródło
W wersji 1.1.1 użyłem następującego rozwiązania, aby ustalić skalę między 0,0 a 1,0:
źródło
W moim przypadku użyłem callback w tikach yaxis, moje wartości są w procentach i gdy osiągnie 100% nie pokazuje kropki, użyłem tego:
I działało dobrze.
źródło
Ponieważ żadna z powyższych sugestii nie pomogła mi w charts.js 2.1.4, rozwiązałem to, dodając wartość 0 do mojej tablicy zestawu danych (ale bez dodatkowej etykiety):
źródło
Używałem starej wersji szablonu Flat Lab w wielu moich projektach, które korzystały z wersji 1.x z chart.js, czego nie jestem pewien Nie mogłem zaktualizować do wersji 2.x, ponieważ pracowałem już z wieloma projektami . Powyższe
(bardata,options)
nie działa dla mnie.Oto hack do wersji 1.x
Zastąp go:
źródło
Wykres ma wartości „min” i „max”. Dokumentacja pod tym linkiem
https://www.chartjs.org/docs/latest/axes/cartesian/linear.html
źródło