Ответы пользователя по тегу Canvas
  • Какая JavaScript-библиотека для построения графиков подойдет?

    @NickToot Автор вопроса
    web developer
    Всем спасибо за ответы, да D3.JS очень крутая и мощная штука, HighCharts.js тоже, но для одного простого линейного графика тащить такие огромные и сложные библиотеки мне не хотелось бы.
    Как оказалось в Chart.JS все таки есть возможность переопределить названия подписей оси Y,
    вот пример кода, который делает то что мне надо, да коряво, но для не совсем стандартного графика подойдет :)
    var myLineChart = new Chart(ctx, {
    	type: 'line',
    	data: {
    		labels: ['01.06.2016', '02.06.2016', '03.06.2016', '04.06.2016'],
    		datasets: [{
    			label: 'занятые места в конкурсах',
    			data: [1, 3, 2, 4]
    		}]
    	},
    	options: {
    		scales: {
    			yAxes: [{
    				ticks: {
    					callback: function(value, index, values) {
    						if (value == 4) {
    							return "1 место";
    						} else if (value == 3) {
    							return "2 место";
    						} else if (value == 2) {
    							return "3 место";
    						} else if (value == 1) {
    							return "участник";
    						} else {
    							return "";
    						}
    					}
    				}
    			}]
    		}
    	}
    });

    Результат:
    88475704ed944b21b4a1f94b1d2463f7.png
    Ответ написан
    Комментировать