2016-06-16 1 views
0

chart.js 꺾은 선형 차트를 사용하여 특정 기간 (예 : 지난 1 일, 지난 1 주, 마지막 1 일 같이 다를 수 있음)에 대한 내 리소스 사용 데이터 그래프를 보여줍니다. 월 등등 .. 선 차트를 사용하고 코드는 아래와 같습니다.Chart.js 너비가 데이터 당 늘어나지 않음

기본적으로 내 드롭 다운에서 선택한 기간에 따라 캔버스 크기를 조정하고 싶습니다. 내가 1 일을 선택하면 캔버스가 하루 동안 데이터를 표시하도록 축소됩니다. 한 달 동안 데이터를 표시해야한다면 내 캔버스의 너비는 100 % (데이터는 전체 캔버스에 표시되어야 함) 일주일이어야합니다. 캔버스는 전체 캔버스의 25 % (데이터는 캔버스의 25 %로 표시되어야 함)로 축소해야하며 하루는 캔버스의 10 %가되어야합니다.

사람이 chart.js을 사용하여 달성해야하는 방법을 알고있는 경우

var에 MYDATA = {TIMEX, 데이터 세트 : 라벨 [{ 데이터 : percentageY }] } 도움이 될 것입니다 ;

MEMORY_LINE_CHART = new Chart(ctx, { 
      type: 'line', 
      data: myData, 
      options: { 
       bezierCurve: false , 
       scaleIntegersOnly: false, 
       animation : false, 
       responsive: true, 
       scales: { 
        yAxes: [{ 
         ticks: { 
          beginAtZero:true 
         } 
        }], 
        xAxes: [{ 
         ticks: { 
          display:true 
         } 
        }] 
       } // scales 
      } 
     }); 

답변

0

일반적으로 차트는 최대 데이터가 1 ​​년 큰 경우 Jus가 상상해보십시오. 그리고 만약 사용자가 지난 하루 동안 ony를 보길 원한다면, 나의 캔버스는 600x600으로 1 년 데이터를 수용 할 수 있습니다. 우리가 너비를 줄이면 계속 하루 데이터를 표시하는 크기가 얼마나 작을 지 상상해보십시오. 귀하의 요구 사항 또는 사양.

당신은 차트 폭이나 크기

https://finance.yahoo.com/echarts?s=YHOO+Interactive# {% 22allowChartStacking의 22 % : TRUE} 변경하지 않는, 여기에 예를 볼 수 있습니다

http://www.marketwatch.com/investing/stock/live/charts

는 생각을주고 차트 즐길 수를;)

관련 문제