2014-09-15 2 views
0

Я разрабатывал ChartJs на своем веб-сайте, но проблема, которую я не могу установить ось моей диаграммы линии, может ли кто-нибудь помочь решить эту проблему?ChartJS set default axis

Это мнение моего текущего графика:

enter image description here

Это мой график код:

var lineChartData = { 
    labels : ["00:00","06:00","12:00", "18:00"], 
    datasets : [{ 
     labels: "PR", 
     fillColor : "rgba(247, 70, 74, 0.1)", 
     //fillColor : "rgba(220,220,220,0.2)", 
     strokeColor : "rgba(220,220,220,1)", 
     pointColor : "rgba(220,220,220,1)", 
     pointStrokeColor : "#FF0040", 
     pointHighlightFill : "#fff", 
     pointHighlightStroke : "rgba(220,220,220,1)", 
     data : [65,59,90,81,56,55,40] 
    }, { 
     label: "QTY", 
     fillColor : "rgba(0, 0, 255, 0.1)", 
     //fillColor : "rgba(151,187,205,0.2)", 
     strokeColor : "rgba(151,187,205,1)", 
     pointColor : "rgba(151,187,205,1)", 
     pointStrokeColor : "#0000FF", 
     pointHighlightFill : "#fff", 
     pointHighlightStroke : "rgba(151,187,205,1)", 
     data : [28,48,40,19,96,27,100] 
    }] 
} 

Что я хочу, чтобы отобразить на моем графике, это значение оси в текущий график, показанный на рисунке 0,20,30,40,50, ..., 100

Я хочу, чтобы он устанавливал значение по умолчанию 0,25%, 50%, 75%, 100%

Может ли кто-нибудь помочь мне решить эту проблему?

ответ

0

http://jsfiddle.net/qsosLya0/

Хитрость заключается в том, что следующие варианты настройки:

var lineChartOptions = { 
    scaleOverride: true, 
    scaleSteps: 4, 
    scaleStepWidth: 25, 
    scaleStartValue: 0, 
    scaleLabel: "<%=value%>%" 
}; 

Источник: http://www.chartjs.org/docs/#getting-started-global-chart-configuration

+0

это сработало! спасибо alot Fly – ian

+0

могу я спросить вас снова Fly ... как насчет того, если я хочу добавить какое-то значение в правую ось в моей диаграмме , так что моя диаграмма имеет 2 оси ... одна с процентами и другая с данными – ian

+0

К сожалению, это не похоже на то, что Chart.js оснащен такой функцией. – Tserkov