fantazer
5/25/2017 - 5:33 PM

Графики chart.js

Графики chart.js

bower install chart.js --save-dev

script(src='bower/chart.js/dist/Chart.js')
http://www.chartjs.org

canvas(id="line-chart__client" width="285" height="305")

$(".chart-slider").owlCarousel({
	 items : 1,
	 autoHeight : true,
	 dots: false,
	 singleItem:true,
	 nav:true,
	 navText:[
			'<svg class="slider-control"><use xlink:href="#arrow-circular-left"></use></svg>',
			'<svg class="slider-control"><use xlink:href="#arrow-circular-right"></use></svg>'
	 ]
	 }
	);
	// ===== init chart-slider end=====

	// ===== init charts =====
	new Chart(document.getElementById("line-chart__money"), {
	  type: 'line',
	  data: {
	    labels: ['Сен','Окт','Дек','Янв','Фев','Мрт'],
	    datasets: [{
	        data: [186,494,206,306,207,161,233,421],
	        label: false,
	        borderColor: "#f1d54e",
	        fill: false
	      }
	    ]
	  },
	  options: {
	    title: {
	      display: true, //скрыть заголовок
	    },
			legend: {
			        display: false // скрыть подсказку по графикам
			},
			scales: {
					yAxes: [{
							ticks: {
									display: false // Скрать ось Y
							}
					}]
			}
	  }
	});