«chart.js» etiketlenmiş sorular

Http://www.chartjs.org/ adresinden çizgi grafik kullanıyorum Y ekseni için maksimum değer (130) ve min değeri (60) otomatik olarak seçildiğinden görebileceğiniz gibi max değeri = 500 ve min değeri = 0 istiyorum. Mümkün mü?

177 chart.js 

Chart.js ile yatay bir çubuk grafik çizmek istiyorum ancak tuvali betiğe atadığım yüksekliği kullanmak yerine grafiği ölçeklendirmeye devam ediyor. Komut dosyasından grafiğin yüksekliğini ayarlamanın herhangi bir yolu var mı? Keman bakın: Jsfidle HTML <div class="graph"> <div class="chart-legend"> </div> <div class="chart"> <canvas id="myChart"></canvas> </div> </div> JavaScript var ctx = $('#myChart'); ctx.height(500); …

138 javascript  jquery  chart.js 

Chartjs kullanarak temel bir çubuk grafik oluşturdum ve iyi çalışıyor. Şimdi değerleri zamana bağlı olarak güncellemek istiyorum. Benim sorunum şeması oluşturduktan sonra, değerlerini doğru bir şekilde nasıl güncelleyeceğimi bilmiyorum ... Kodum: var ctx = $("#myChart").get(0).getContext("2d"); var dts = [ { fillColor: "rgba(220,220,220,0.5)", strokeColor: "rgba(220,220,220,1)", data: [0, 0, 0, 0, 0] …

134 javascript  charts  chart.js 

Chart.js kullanarak mümkün olup olmadığını sormak istiyorum veri değerlerini görüntülemek için? Grafiği yazdırmak istiyorum. Herhangi bir tavsiye için teşekkürler.

118 javascript  chart.js 

Bir veri kümesini çizmek için Chart.JS kullanıyorum, Yine de pürüzsüz bir etkim var! İşte sahip olduğum eğri: İşte kodum: function plotChart(data, labels) { var lineChartData = { "datasets": [{ "data": data, "pointStrokeColor": "#fff", "fillColor": "rgba(220,220,220,0.5)", "pointColor": "rgba(220,220,220,1)", "strokeColor": "rgba(220,220,220,1)" }], "labels": labels }; var myLine = new Chart(document.getElementById("canvas").getContext("2d")).Line(lineChartData); } Eğriler …

113 chart.js 

İşte benim kodum. Hem x hem de y ekseni ölçeklerinde başlangıç ​​değerini "0" olarak ayarlamam gerekiyor. En son sürüm ölçekleri seçeneğini denedim. graphOptions = { ///Boolean - Whether grid lines are shown across the chart scaleShowGridLines: false, tooltipTitleTemplate: "<%= label%>", //String - Colour of the grid lines scaleGridLineColor: "rgba(0,0,0,.05)", //Number …

110 charts  chart.js 

Bir Çizgi Grafiği görüntülemek için Chartjs kullanıyorum ve bu iyi çalışıyor: // get line chart canvas var targetCanvas = document.getElementById('chartCanvas').getContext('2d'); // draw line chart var chart = new Chart(targetCanvas).Line(chartData); Ancak Grafik için verileri değiştirmeye çalıştığımda sorun ortaya çıkıyor. Yeni veri noktalarıyla yeni bir Grafik örneği oluşturarak ve böylece tuvali yeniden …

109 javascript  html  charts  chart.js 

Halka grafiğin içindeki Metin nasıl işlenir , ChartJs kullanıyorum .

109 javascript  chart.js 

Chart.js v2.1.3 kullanarak bir grafik oluşturmak için aşağıdaki kodlara sahibim: var ctx = $('#gold_chart'); var goldChart = new Chart(ctx, { type: 'line', data: { labels: dates, datasets: [{ label: 'I want to remove this Label', data: prices, pointRadius: 0, borderWidth: 1 }] } }); Kodlar basit görünüyor, ancak etiketi grafikten …

107 chart.js  chart.js2 

Grafiğimdeki tüm noktaları aldığım verilerden görüntülemek istiyorum, ancak onlar için tüm etiketleri görüntülemek istemiyorum, çünkü o zaman grafik çok okunabilir değildir. Dokümanlarda arıyordum ama bunu sınırlayacak herhangi bir parametre bulamadım. Örneğin sadece üç etiket almak istemiyorum çünkü o zaman grafik de üç nokta ile sınırlıdır. Mümkün mü? Şu anda buna …

98 javascript  css  canvas  charts  chart.js 

Üzerinde çalıştığım bir projede ChartJS kullanıyorum ve Çubuk Grafikteki her çubuk için farklı bir renge ihtiyacım var. Çubuk grafik veri kümesinin bir örneğini burada bulabilirsiniz: var barChartData = { labels: ["001", "002", "003", "004", "005", "006", "007"], datasets: [{ label: "My First dataset", fillColor: "rgba(220,220,220,0.5)", strokeColor: "rgba(220,220,220,0.8)", highlightFill: "rgba(220,220,220,0.75)", highlightStroke: …

94 javascript  chart.js 

Chart.js ( dokümantasyon ) veri kümelerinin grafiğin adını (başlığını) (örn. Şehrimdeki Sıcaklık), x ekseninin adını (örn. Günler) ve y ekseninin adını (örn. Sıcaklık) ayarlama seçeneğine sahiptir. Yoksa bunu css ile çözmeliyim? var lineChartData = { labels : ["January","February","March","April","May","June","July"], datasets : [ { fillColor : "rgba(220,220,220,0.2)", strokeColor : "rgba(220,220,220,1)", pointColor : …

91 charts  title  chart.js 

Kapalı . Bu soruya daha çok odaklanılması gerekiyor . Şu anda cevapları kabul etmiyor. Bu soruyu geliştirmek mi istiyorsunuz? Soruyu, yalnızca bu gönderiyi düzenleyerek tek bir soruna odaklanacak şekilde güncelleyin . Geçen ay kapalı . Bu soruyu geliştirin Projelerimde birkaç kez chart.js kullandım ama hiç d3.js kullanmadım. Pek çok insan …

89 javascript  d3.js  charts  chart.js 

APIchart.js , bir kişinin kendisine yüklenen veri kümelerinin noktalarını düzenlemesine izin verir, örneğin: .update( ) Grafik örneğinizde update () 'i çağırmak, grafiği herhangi bir güncellenmiş değerle yeniden oluşturarak birden çok mevcut noktanın değerini düzenlemenize ve ardından bunları bir animasyonlu oluşturma döngüsünde oluşturmanıza olanak tanır. .addData( valuesArray, label ) Chart örneğinizde …

89 javascript  chart.js 

Dokümanlarda verilen Chart.js örnek kodunu deniyorum . Genişlik ve yükseklik, tuval öğesinde 400px / 400px'de satır içinde belirtilir. Ancak grafiği oluştururken tam sayfa genişliğine kadar büyütülür ve en sağ tarafı keser. Örneğe bakın Grafiğin genişliğini / yüksekliğini nasıl / nerede kontrol etmem gerekiyor? This is some bogus text because SO …

88 chart.js