«chart.js» 태그된 질문

http://www.chartjs.org/ 에서 꺾은 선형 차트를 사용하고 있습니다 . Y 축의 최대 값 (130) 및 최소값 (60)이 자동으로 선택되는 것을 볼 수 있듯이 최대 값 = 500 및 최소값 = 0을 원합니다. 이게 가능해?

176 chart.js 

Chart.js를 사용하여 가로 막대 차트를 그리려고하지만 캔버스에서 스크립트로 지정한 높이를 사용하는 대신 차트의 배율을 계속 조정합니다. 스크립트에서 그래프의 높이를 설정하는 방법이 있습니까? 바이올린보기 : Jsfidle HTML <div class="graph"> <div class="chart-legend"> </div> <div class="chart"> <canvas id="myChart"></canvas> </div> </div> 자바 스크립트 var ctx = $('#myChart'); ctx.height(500); var myChart = new Chart(ctx, { …

138 javascript  jquery  chart.js 

chartjs를 사용하여 기본 막대 차트를 만들었으며 정상적으로 작동합니다. 이제 시간 기반 간격으로 값을 업데이트하고 싶습니다. 내 문제는 차트를 만든 후에 값을 올바르게 업데이트하는 방법을 모른다는 것입니다. 내 코드 : 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를 사용할 수 있는지 묻고 싶습니다. 데이터 값을 표시하려면? 그래프를 인쇄하고 싶습니다. 조언을 해주셔서 감사합니다.

118 javascript  chart.js 

Chart.JS를 사용하여 데이터 세트를 구성하고 있습니다. 그러나 나는 부드러운 효과를 얻었습니다! 내가 가진 곡선은 다음과 같습니다. 내 코드는 다음과 같습니다. 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); } …

111 chart.js 

나는 Chartjs를 사용하여 선 차트를 표시하고 있으며 잘 작동합니다. // get line chart canvas var targetCanvas = document.getElementById('chartCanvas').getContext('2d'); // draw line chart var chart = new Chart(targetCanvas).Line(chartData); 하지만 차트의 데이터를 변경하려고 할 때 문제가 발생합니다. 새 데이터 포인트로 Chart의 새 인스턴스를 만들고 캔버스를 다시 초기화하여 그래프를 업데이트합니다. 이것은 잘 작동합니다. …

109 javascript  html  charts  chart.js 

여기 내 코드입니다. x 및 y 축 스케일 모두에서 초기 값을 "0"으로 설정해야합니다. 나는 최신 버전 저울 옵션을 시도했습니다. 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 - Width of …

109 charts  chart.js 

Chart.js v2.1.3을 사용하여 그래프를 만드는 다음 코드가 있습니다. 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 }] } }); 코드는 단순 해 보이지만 그래프에서 레이블을 제거 할 …

106 chart.js  chart.js2 

도넛 차트 내부에 텍스트를 렌더링하는 방법은 ChartJs를 사용 하고 있습니다.

103 javascript  chart.js 

내가 얻은 데이터에서 차트의 모든 포인트를 표시하고 싶지만 모든 레이블을 표시하고 싶지는 않습니다. 왜냐하면 차트를 잘 읽을 수 없기 때문입니다. 나는 문서에서 그것을 찾고 있었지만 이것을 제한하는 매개 변수를 찾을 수 없었습니다. 예를 들어 3 개의 레이블 만 사용하고 싶지는 않습니다. 차트도 3 점으로 제한되기 때문입니다. 가능할까요? 나는 지금 그와 …

95 javascript  css  canvas  charts  chart.js 

Chart.js ( 문서 )에는 차트 이름 (예 : 내 도시의 온도), x 축 이름 (예 : 일) 및 y 축 이름 (예 : 온도)을 설정하는 데이터 세트 옵션이 있습니다. 아니면 CSS로 해결해야합니까? 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 

작업중인 프로젝트에서 ChartJS를 사용하고 있으며 막대 차트의 각 막대에 대해 다른 색상이 필요합니다. 다음은 막대 차트 데이터 세트의 예입니다. 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: "rgba(220,220,220,1)", data: [20, 59, 80, 81, …

90 javascript  chart.js 

닫힘 . 이 질문은 더 집중되어야 합니다. 현재 답변을 받고 있지 않습니다. 이 질문을 개선하고 싶으십니까? 이 게시물 을 편집 하여 한 가지 문제에만 집중하도록 질문을 업데이트하십시오 . 휴일 4 일 전 . 이 질문 개선 내 프로젝트에서 chart.js를 여러 번 사용했지만 d3.js를 사용한 적이 없습니다. 많은 사람들이 d3.js가 차트를위한 …

88 javascript  d3.js  charts  chart.js 

에 대한 API를chart.js 사용하면로드 된 데이터 세트의 포인트를 수정할 수 있습니다. 예를 들면 다음과 같습니다. .update( ) Chart 인스턴스에서 update ()를 호출하면 업데이트 된 값으로 차트를 다시 렌더링하여 여러 기존 포인트의 값을 편집 한 다음 애니메이션 렌더링 루프 하나로 렌더링 할 수 있습니다. .addData( valuesArray, label ) Chart 인스턴스에서 addData …

87 javascript  chart.js 

( Android WebView HTML5 캔버스 오류 )에서 Graph.js 라이브러리를 사용하여 그래프를 그리는 것과 관련된 질문을 게시했습니다. 내가 가진 문제는 그래프를 여러 번 그리는 함수를 호출하면 매번 캔버스 크기가 조정된다는 것입니다. 그래프가 동일한 캔버스에 다시 그려 질 때마다 크기도 변경됩니다. 캔버스 크기 설정도 시도했지만 성공하지 못했습니다. 이유가 무엇일까요? 캔버스 크기가 매번 …

86 html  canvas  chart.js