2017-09-15 7 views
0

ちょうど1行で小さなグラフを作成したいと思います。 最初に作成したときに、開始点と終了点の間に大きな違いは見られませんでした。だから私はmin-valと同じ最小値を設定しようとしました。私のyAxesの最大値としての最大値。ここでChart.jsの最大値と最小値に関する問題[折れ線グラフ]

は私のコードです:

var generateNormalChart = function (dataForNormalGraph, randomColors, theLongNameOfTheCoin,currency,exchange,minVal,maxVal,stepsize) { 
    var ctx = document.getElementById('normalChartGraph' + theLongNameOfTheCoin + currency + exchange).getContext('2d'); 
    var normalChart = new Chart(ctx, { 
    type: 'line', 
    data: { 
     datasets: [{ 
      fill: false, 
      borderColor: randomColors, 
      data: dataForNormalGraph, 
      pointRadius: 1, 
      borderWidth: 2 
     }] 
    }, 
    options: { 
     legend: { 
      display: false 
     }, 
     scales: { 
      xAxes: [{ 
       display: false 

      }], 
      yAxes:[{ 
       display: false, 
       ticks: { 
        max: maxVal, 
        min: minVal 
        // stepSize: stepsize 
       } 
      }] 
     } 
    } 
}); 

};

私が使用したデータの例:

これはMAXVALです:0.0000505

これはMINVALです:0.00005483

これはdataForNormalGraphです:

0:0.00005162 
1:0.00005124 
2:0.0000505 
3:0.00005056 
4:0.00005089 
5:0.0000509 
6:0.00005102 
7:0.00005067 
8:0.00005087 
9:0.00005156 
10:0.00005173 
11:0.00005191 
12:0.00005363 
13:0.00005276 
14:0.00005309 
15:0.00005297 
16:0.00005231 
17:0.00005243 
18:0.00005252 
19:0.00005271 
20:0.00005326 
21:0.00005408 
22:0.00005483 
23:0.00005376 
24:0.00005365 

あなたが見ることができるのように私はステップの値をコメントしました。 私も((the max and min val)/25)間の差を計算することによって、そのでそれを試してみましたが、それはだった:1.7320000000000004e-7

それは多くのスペースを取るので、私はまた、ラベルや軸の値を表示したくありません。

あなたは彼が最大値と最小valを無視見ることができるように、私は2枚の写真のを持っている:私が欲しいもの

A photo with the values on the yAxes

が、その後、右の最大値と最小値との

what I want but then with the right max and min values

答えて

0

を私はyAxesに良いチャートをもたらさなかった値を与えるのを忘れていました。 私がする必要がある唯一のものはyAxesが値を持っているので、

  labels: nameOfTheCoins, 

を追加することでした

関連する問題