📁 PHP Dosya Yöneticisi
/
/
home
/
demodesigncom
/
e-ticaretv3.demodesign.com.tr
/
yonetim
/
js
/
pages
📝
chartjs-int.js
← Geri Dön
//[chartjs Javascript] //Project: Crypto Admin - Responsive Admin Template $(function () { 'use strict'; //----chart1 //Get the context of the Chart canvas element we want to select var dasChartjs = document.getElementById("chartjs1").getContext("2d"); // Create Linear Gradient var blue_trans_gradient = dasChartjs.createLinearGradient(0, 0, 0, 100); blue_trans_gradient.addColorStop(0, 'rgba(247, 147, 26,0.4)'); blue_trans_gradient.addColorStop(1, 'rgba(255,255,255,0)'); // Chart Options var DASStats = { responsive: true, maintainAspectRatio: false, datasetStrokeWidth : 3, pointDotStrokeWidth : 4, tooltipFillColor: "rgba(247, 147, 26,0.8)", legend: { display: false, }, hover: { mode: 'label' }, scales: { xAxes: [{ display: false, }], yAxes: [{ display: false, ticks: { min: 0, max: 85 }, }] }, title: { display: false, fontColor: "#FFF", fullWidth: false, fontSize: 30, text: '52%' } }; // Chart Data var DASMonthData = { labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul"], datasets: [{ label: "BTC", data: [20, 18, 35, 60, 38, 40, 70], backgroundColor: blue_trans_gradient, borderColor: "#F7931A", borderWidth: 1.5, strokeColor : "#F7931A", pointRadius: 0, }] }; var DASCardconfig = { type: 'line', // Chart Options options : DASStats, // Chart Data data : DASMonthData }; // Create the chart var DASAreaChart = new Chart(dasChartjs, DASCardconfig); //----chart2 //Get the context of the Chart canvas element we want to select var dasChartjs = document.getElementById("chartjs2").getContext("2d"); // Create Linear Gradient var blue_trans_gradient = dasChartjs.createLinearGradient(0, 0, 0, 100); blue_trans_gradient.addColorStop(0, 'rgba(131, 131, 131,0.4)'); blue_trans_gradient.addColorStop(1, 'rgba(255,255,255,0)'); // Chart Options var DASStats = { responsive: true, maintainAspectRatio: false, datasetStrokeWidth : 3, pointDotStrokeWidth : 4, tooltipFillColor: "rgba(131, 131, 131,0.8)", legend: { display: false, }, hover: { mode: 'label' }, scales: { xAxes: [{ display: false, }], yAxes: [{ display: false, ticks: { min: 0, max: 85 }, }] }, title: { display: false, fontColor: "#FFF", fullWidth: false, fontSize: 30, text: '52%' } }; // Chart Data var DASMonthData = { labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul"], datasets: [{ label: "ETH", data: [40, 30, 60, 40, 45, 30, 60], backgroundColor: blue_trans_gradient, borderColor: "#838383", borderWidth: 1.5, strokeColor : "#838383", pointRadius: 0, }] }; var DASCardconfig = { type: 'line', // Chart Options options : DASStats, // Chart Data data : DASMonthData }; // Create the chart var DASAreaChart = new Chart(dasChartjs, DASCardconfig); //----chart3 //Get the context of the Chart canvas element we want to select var dasChartjs = document.getElementById("chartjs3").getContext("2d"); // Create Linear Gradient var blue_trans_gradient = dasChartjs.createLinearGradient(0, 0, 0, 100); blue_trans_gradient.addColorStop(0, 'rgba(73, 152, 6,0.4)'); blue_trans_gradient.addColorStop(1, 'rgba(255,255,255,0)'); // Chart Options var DASStats = { responsive: true, maintainAspectRatio: false, datasetStrokeWidth : 3, pointDotStrokeWidth : 4, tooltipFillColor: "rgba(73, 152, 6,0.8)", legend: { display: false, }, hover: { mode: 'label' }, scales: { xAxes: [{ display: false, }], yAxes: [{ display: false, ticks: { min: 0, max: 85 }, }] }, title: { display: false, fontColor: "#FFF", fullWidth: false, fontSize: 30, text: '52%' } }; // Chart Data var DASMonthData = { labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul"], datasets: [{ label: "XRP", data: [70, 20, 35, 60, 20, 40, 30], backgroundColor: blue_trans_gradient, borderColor: "#499806", borderWidth: 1.5, strokeColor : "#499806", pointRadius: 0, }] }; var DASCardconfig = { type: 'line', // Chart Options options : DASStats, // Chart Data data : DASMonthData }; // Create the chart var DASAreaChart = new Chart(dasChartjs, DASCardconfig); //----chart4 //Get the context of the Chart canvas element we want to select var dasChartjs = document.getElementById("chartjs4").getContext("2d"); // Create Linear Gradient var blue_trans_gradient = dasChartjs.createLinearGradient(0, 0, 0, 100); blue_trans_gradient.addColorStop(0, 'rgba(28, 117, 188,0.4)'); blue_trans_gradient.addColorStop(1, 'rgba(255,255,255,0)'); // Chart Options var DASStats = { responsive: true, maintainAspectRatio: false, datasetStrokeWidth : 3, pointDotStrokeWidth : 4, tooltipFillColor: "rgba(28, 117, 188,0.8)", legend: { display: false, }, hover: { mode: 'label' }, scales: { xAxes: [{ display: false, }], yAxes: [{ display: false, ticks: { min: 0, max: 85 }, }] }, title: { display: false, fontColor: "#FFF", fullWidth: false, fontSize: 30, text: '52%' } }; // Chart Data var DASMonthData = { labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul"], datasets: [{ label: "XRP", data: [20, 50, 65, 30, 24, 60, 40], backgroundColor: blue_trans_gradient, borderColor: "#1c75bc", borderWidth: 1.5, strokeColor : "#1c75bc", pointRadius: 0, }] }; var DASCardconfig = { type: 'line', // Chart Options options : DASStats, // Chart Data data : DASMonthData }; // Create the chart var DASAreaChart = new Chart(dasChartjs, DASCardconfig); }); // End of use strict
💾 Kaydet
İptal
📝 Yeniden Adlandır
İptal
Kaydet
🔐 Dosya İzinleri (chmod)
İzin Değeri:
Hızlı Seçim:
777
755
644
600
777
= Herkes okur/yazar/çalıştırır
755
= Sahip tam, diğerleri okur/çalıştırır
644
= Sahip okur/yazar, diğerleri okur
600
= Sadece sahip okur/yazar
İptal
Uygula