2016-05-04 16 views
4

背景の線の色や軸のフォントサイズや色を無駄に変更しようとしています。私は現在、最新バージョンのcharts.jsを使用していますが、変更の方法を理解できないようです。古いバージョンのチャートでは、私はそれらを変更することができましたが、そのコードはもう機能しません。charts js線グラフの軸のフォントのサイズ/色と背景の線を変更する

http://www.chartjs.org/docs

ここに私のコードです:私はこれを使って、軸情報の色を変えることができた

var lineoptions = { 
    legend:{ 
     display:false 
    }, 
    scales:{ 
     yAxes:[{ 
     display:false 
     }] 
    }, 
    tooltips:{ 
     enabled:false 
    }, 
    elements:{ 
     point:{ 
     radius:4, 
     borderWidth:2 
     } 
    } 
    }; 
    var linedata = { 
    labels:[ 
     "618", 
     "39", 
     "1734", 
     "3459" 
    ], 
    datasets:[ 
    { 
     data:[618,39,1734,3459], 
     fill:false, 
     borderColor:"rgba(227,6,20,1)", 
     pointBorderColor:"rgba(227,6,20,1)", 
     pointBackgroundColor:"rgba(255,255,255,1)", 
     pointHoverBackgroundColor:"rgba(255,255,255,1)", 
     pointHoverBorderColor:"rgba(227,6,20,1)", 
    }] 
    }; 
    var linechart = document.getElementById("canvas-line").getContext("2d"); 
    var myLineChart = new Chart(linechart,{ 
    type:'line', 
    data:linedata, 
    options:lineoptions 
    }); 

* EDIT *

defaultFontColor:'#6d6e71', 

しかし、私はまだ必要ですグラフ自体の背景線(x線とy線)を変更する方法を理解する。

答えて

9

[OK]を、私はそれを考え出した:

scales:{ 
    xAxes:[{ 
    gridLines:{ 
     color:"rgba(255,255,255,0.5)", 
     zeroLineColor:"rgba(255,255,255,0.5)" 
    } 
    }], 
    yAxes:[{ 
    display:false 
    }], 
} 
関連する問題