DigitalMgnt
/
XH_Digital_Management
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
XH_Digital_Management/static/js/pages/ticksy-dashboard-help.js

463 lines
12 KiB
JavaScript
Raw Blame History

'use strict';
$(document).ready(function() {
// [ support-chart ] start
$(function() {
// Themes begin
am4core.useTheme(am4themes_animated);
// Themes end
// Create chart
var chart = am4core.create("support-chart", am4charts.XYChart);
// Add data
chart.data = [{
"date": "2018-01-1",
"price": 180
}, {
"date": "2018-01-2",
"price": 252
}, {
"date": "2018-01-3",
"price": 185
}, {
"date": "2018-01-4",
"price": 189
}, {
"date": "2018-01-5",
"price": 158
}, {
"date": "2018-01-6",
"price": 200
}, {
"date": "2018-01-7",
"price": 187
}, {
"date": "2018-01-8",
"price": 180
}, {
"date": "2018-01-9",
"price": 252
}, {
"date": "2018-01-10",
"price": 185
}, {
"date": "2018-01-11",
"price": 268
}, {
"date": "2018-01-12",
"price": 158
}, {
"date": "2018-01-13",
"price": 200
}, {
"date": "2018-01-14",
"price": 187
}, {
"date": "2018-01-15",
"price": 180
}, {
"date": "2018-01-16",
"price": 252
}, {
"date": "2018-01-17",
"price": 185
}, {
"date": "2018-01-18",
"price": 250
}, {
"date": "2018-01-19",
"price": 158
}, {
"date": "2018-01-20",
"price": 200
}, {
"date": "2018-01-21",
"price": 187
}, {
"date": "2018-01-22",
"price": 180
}, {
"date": "2018-01-23",
"price": 252
}, {
"date": "2018-01-24",
"price": 185
}, {
"date": "2018-01-25",
"price": 295
}, {
"date": "2018-01-26",
"price": 158
}, {
"date": "2018-01-27",
"price": 200
}, {
"date": "2018-01-28",
"price": 90
}];
// Create axes
var dateAxis = chart.xAxes.push(new am4charts.DateAxis());
dateAxis.renderer.grid.template.location = 0;
// dateAxis.renderer.grid.template.disabled = true;
dateAxis.startLocation = 0.6;
dateAxis.endLocation = 0.4;
dateAxis.renderer.opposite = true;
// dateAxis.renderer.labels.template.disabled = true;
// dateAxis.renderer.inside = true;
var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
valueAxis.logarithmic = false;
valueAxis.renderer.minGridDistance = 1;
valueAxis.renderer.grid.template.disabled = true;
valueAxis.renderer.inside = true;
valueAxis.renderer.labels.template.disabled = true;
// Create series
var series = chart.series.push(new am4charts.LineSeries());
series.dataFields.valueY = "price";
series.dataFields.dateX = "date";
series.strokeWidth = 3;
series.fillOpacity = 0.1;
series.tooltipText = "{valueY.value}";
series.stroke = am4core.color("#463699");
series.strokeWidth = 3;
series.fillOpacity = 1;
var gradient = new am4core.LinearGradient();
gradient.addColor(am4core.color("#463699"), 0.2);
gradient.addColor(am4core.color("#463699"), 0);
gradient.rotation = 90;
series.fill = gradient;
// Add cursor
chart.cursor = new am4charts.XYCursor();
chart.cursor.fullWidthLineX = true;
chart.cursor.lineX.strokeWidth = 0;
chart.cursor.lineX.fillOpacity = 0;
chart.padding(0, 0, 0, 0);
});
// [ support-chart ] end
// [ support1-chart ] start
$(function() {
// Themes begin
am4core.useTheme(am4themes_animated);
// Themes end
// Create chart
var chart = am4core.create("support-chart1", am4charts.XYChart);
// Add data
chart.data = [{
"date": "2018-01-1",
"price": 180
}, {
"date": "2018-01-2",
"price": 252
}, {
"date": "2018-01-3",
"price": 185
}, {
"date": "2018-01-4",
"price": 189
}, {
"date": "2018-01-5",
"price": 158
}, {
"date": "2018-01-6",
"price": 200
}, {
"date": "2018-01-7",
"price": 187
}, {
"date": "2018-01-8",
"price": 180
}, {
"date": "2018-01-9",
"price": 252
}, {
"date": "2018-01-10",
"price": 185
}, {
"date": "2018-01-11",
"price": 268
}, {
"date": "2018-01-12",
"price": 158
}, {
"date": "2018-01-13",
"price": 200
}, {
"date": "2018-01-14",
"price": 187
}, {
"date": "2018-01-15",
"price": 180
}, {
"date": "2018-01-16",
"price": 252
}, {
"date": "2018-01-17",
"price": 185
}, {
"date": "2018-01-18",
"price": 250
}, {
"date": "2018-01-19",
"price": 158
}, {
"date": "2018-01-20",
"price": 200
}, {
"date": "2018-01-21",
"price": 187
}, {
"date": "2018-01-22",
"price": 180
}, {
"date": "2018-01-23",
"price": 252
}, {
"date": "2018-01-24",
"price": 185
}, {
"date": "2018-01-25",
"price": 295
}, {
"date": "2018-01-26",
"price": 158
}, {
"date": "2018-01-27",
"price": 200
}, {
"date": "2018-01-28",
"price": 90
}];
// Create axes
var dateAxis = chart.xAxes.push(new am4charts.DateAxis());
dateAxis.renderer.grid.template.location = 0;
// dateAxis.renderer.grid.template.disabled = true;
dateAxis.startLocation = 0.6;
dateAxis.endLocation = 0.4;
dateAxis.renderer.opposite = true;
// dateAxis.renderer.labels.template.disabled = true;
// dateAxis.renderer.inside = true;
var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
valueAxis.logarithmic = false;
valueAxis.renderer.minGridDistance = 1;
valueAxis.renderer.grid.template.disabled = true;
valueAxis.renderer.inside = true;
valueAxis.renderer.labels.template.disabled = true;
// Create series
var series = chart.series.push(new am4charts.LineSeries());
series.dataFields.valueY = "price";
series.dataFields.dateX = "date";
series.strokeWidth = 3;
series.fillOpacity = 0.1;
series.tooltipText = "{valueY.value}";
series.stroke = am4core.color("#19BCBF");
series.strokeWidth = 3;
series.fillOpacity = 1;
var gradient = new am4core.LinearGradient();
gradient.addColor(am4core.color("#19BCBF"), 0.2);
gradient.addColor(am4core.color("#19BCBF"), 0);
gradient.rotation = 90;
series.fill = gradient;
// Add cursor
chart.cursor = new am4charts.XYCursor();
chart.cursor.fullWidthLineX = true;
chart.cursor.lineX.strokeWidth = 0;
chart.cursor.lineX.fillOpacity = 0;
chart.padding(0, 0, 0, 0);
});
// [ support1-chart ] end
// [ support2-chart ] start
$(function() {
// Themes begin
am4core.useTheme(am4themes_animated);
// Themes end
// Create chart
var chart = am4core.create("support-chart2", am4charts.XYChart);
// Add data
chart.data = [{
"date": "2018-01-1",
"price": 180
}, {
"date": "2018-01-2",
"price": 252
}, {
"date": "2018-01-3",
"price": 185
}, {
"date": "2018-01-4",
"price": 189
}, {
"date": "2018-01-5",
"price": 158
}, {
"date": "2018-01-6",
"price": 200
}, {
"date": "2018-01-7",
"price": 187
}, {
"date": "2018-01-8",
"price": 180
}, {
"date": "2018-01-9",
"price": 252
}, {
"date": "2018-01-10",
"price": 185
}, {
"date": "2018-01-11",
"price": 268
}, {
"date": "2018-01-12",
"price": 158
}, {
"date": "2018-01-13",
"price": 200
}, {
"date": "2018-01-14",
"price": 187
}, {
"date": "2018-01-15",
"price": 180
}, {
"date": "2018-01-16",
"price": 252
}, {
"date": "2018-01-17",
"price": 185
}, {
"date": "2018-01-18",
"price": 250
}, {
"date": "2018-01-19",
"price": 158
}, {
"date": "2018-01-20",
"price": 200
}, {
"date": "2018-01-21",
"price": 187
}, {
"date": "2018-01-22",
"price": 180
}, {
"date": "2018-01-23",
"price": 252
}, {
"date": "2018-01-24",
"price": 185
}, {
"date": "2018-01-25",
"price": 295
}, {
"date": "2018-01-26",
"price": 158
}, {
"date": "2018-01-27",
"price": 200
}, {
"date": "2018-01-28",
"price": 90
}];
// Create axes
var dateAxis = chart.xAxes.push(new am4charts.DateAxis());
dateAxis.renderer.grid.template.location = 0;
// dateAxis.renderer.grid.template.disabled = true;
dateAxis.startLocation = 0.6;
dateAxis.endLocation = 0.4;
dateAxis.renderer.opposite = true;
// dateAxis.renderer.labels.template.disabled = true;
// dateAxis.renderer.inside = true;
var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
valueAxis.logarithmic = false;
valueAxis.renderer.minGridDistance = 1;
valueAxis.renderer.grid.template.disabled = true;
valueAxis.renderer.inside = true;
valueAxis.renderer.labels.template.disabled = true;
// Create series
var series = chart.series.push(new am4charts.LineSeries());
series.dataFields.valueY = "price";
series.dataFields.dateX = "date";
series.strokeWidth = 3;
series.fillOpacity = 0.1;
series.tooltipText = "{valueY.value}";
series.stroke = am4core.color("#13bd8a");
series.strokeWidth = 3;
series.fillOpacity = 1;
var gradient = new am4core.LinearGradient();
gradient.addColor(am4core.color("#13bd8a"), 0.2);
gradient.addColor(am4core.color("#13bd8a"), 0);
gradient.rotation = 90;
series.fill = gradient;
// Add cursor
chart.cursor = new am4charts.XYCursor();
chart.cursor.fullWidthLineX = true;
chart.cursor.lineX.strokeWidth = 0;
chart.cursor.lineX.fillOpacity = 0;
chart.padding(0, 0, 0, 0);
});
// [ suppor2-chart ] end
// [ satisfaction-chart ] start
$(function() {
// Themes begin
am4core.useTheme(am4themes_animated);
// Themes end
// Create chart instance
var chart = am4core.create("satisfaction-chart", am4charts.PieChart);
// Add data
chart.data = [{
"sector": "Very Poor [66%]",
"size": 8
},
{
"sector": "Satisfied [50%]",
"size": 14.6
},
{
"sector": "Very Satisfied [40%]",
"size": 22.5
}, {
"sector": "Poor [30%]",
"size": 8
}
];
// Add label
chart.innerRadius = 40;
// Add and configure Series
var pieSeries = chart.series.push(new am4charts.PieSeries());
pieSeries.dataFields.value = "size";
pieSeries.dataFields.category = "sector";
pieSeries.labels.template.disabled = true;
pieSeries.ticks.template.disabled = true;
pieSeries.colors.step = 1;
});
// [ satisfaction-chart ] end
// [ latest-scroll ] start
var px = new PerfectScrollbar('.latest-scroll', {
wheelSpeed: .5,
swipeEasing: 0,
wheelPropagation: 1,
minScrollbarLength: 40,
});
// [ latest-scroll ] end
});
Reference in New Issue View Git Blame Copy Permalink