芝麻web文件管理V1.00

编辑当前文件:/home/qrafawbu/www/kwesioben.com/assets/js/chart/chartjs/chart.custom.js

Chart.defaults.global = {
 animation: true,
 animationSteps: 60,
 animationEasing: "easeOutIn",
 showScale: true,
 scaleOverride: false,
 scaleSteps: null,
 scaleStepWidth: null,
 scaleStartValue: null,
 scaleLineColor: "#eeeeee",
 scaleLineWidth: 1,
 scaleShowLabels: true,
 scaleLabel: "<%=value%>",
 scaleIntegersOnly: true,
 scaleBeginAtZero: false,
 scaleFontSize: 12,
 scaleFontStyle: "normal",
 scaleFontColor: "#717171",
 responsive: true,
 maintainAspectRatio: true,
 showTooltips: true,
 multiTooltipTemplate: "<%= value %>",
 tooltipFillColor: "#333333",
 tooltipEvents: ["mousemove", "touchstart", "touchmove"],
 tooltipTemplate: "<%if (label){%><%=label%>: <%}%><%= value %>",
 tooltipFontSize: 14,
 tooltipFontStyle: "normal",
 tooltipFontColor: "#fff",
 tooltipTitleFontSize: 16,
 TitleFontStyle : "Raleway",
 tooltipTitleFontStyle: "bold",
 tooltipTitleFontColor: "#ffffff",
 tooltipYPadding: 10,
 tooltipXPadding: 10,
 tooltipCaretSize: 8,
 tooltipCornerRadius: 6,
 tooltipXOffset: 5,
 onAnimationProgress: function() {},
 onAnimationComplete: function() {}
};
var barData = {
 labels: ["January", "February", "March", "April", "May", "June", "July"],
 datasets: [{
 label: "My First dataset",
 fillColor: "rgba(115, 102 ,255, 0.4)",
 strokeColor: CubaAdminConfig.primary,
 highlightFill: "rgba(115, 102 ,255, 0.6)",
 highlightStroke: CubaAdminConfig.primary ,
 data: [35, 59, 80, 81, 56, 55, 40]
 }, {
 label: "My Second dataset",
 fillColor: "rgba(247, 49, 100, 0.4)",
 strokeColor: CubaAdminConfig.secondary ,
 highlightFill: "rgba(247, 49, 100, 0.6)",
 highlightStroke: CubaAdminConfig.secondary,
 data: [28, 48, 40, 19, 86, 27, 90]
 }]
};
var barOptions = {
 scaleBeginAtZero: true,
 scaleShowGridLines: true,
 scaleGridLineColor: "rgba(0,0,0,0.1)",
 scaleGridLineWidth: 1,
 scaleShowHorizontalLines: true,
 scaleShowVerticalLines: true,
 barShowStroke: true,
 barStrokeWidth: 2,
 barValueSpacing: 5,
 barDatasetSpacing: 1,
};
var barCtx = document.getElementById("myBarGraph").getContext("2d");
var myBarChart = new Chart(barCtx).Bar(barData, barOptions);
var polarData = [
 {
 value: 300,
 color: CubaAdminConfig.primary,
 highlight: CubaAdminConfig.primary,
 label: "Yellow"
 }, {
 value: 50,
 color: "#f8d62b",
 highlight: "#f8d62b",
 label: "Sky"
 }, {
 value: 100,
 color: "#51bb25",
 highlight: "#333",
 label: "Black"
 }, {
 value: 40,
 color: "#a927f9",
 highlight: "#a927f9",
 label: "Grey"
 }, {
 value: 120,
 color: CubaAdminConfig.secondary ,
 highlight: CubaAdminConfig.secondary ,
 label: "Dark Grey"
 }
];
var polarOptions = {
 scaleShowLabelBackdrop: true,
 scaleBackdropColor: "rgba(255,255,255,0.75)",
 scaleBeginAtZero: true,
 scaleBackdropPaddingY: 2,
 scaleBackdropPaddingX: 2,
 scaleShowLine: true,
 segmentShowStroke: true,
 segmentStrokeColor: "#fff",
 segmentStrokeWidth: 2,
 animationSteps: 100,
 animationEasing: "easeOutBounce",
 animateRotate: true,
 animateScale: false,
 legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<segments.length; i++){%><li>\"><%if(segments[i].label){%><%=segments[i].label%><%}%></li><%}%></ul>"
};
var polarCtx = document.getElementById("myPolarGraph").getContext("2d");
var myPolarChart = new Chart(polarCtx).PolarArea(polarData, polarOptions);
var lineGraphData = {
 labels: ["January", "February", "March", "April", "May", "June", "July"],
 datasets: [{
 label: "My First dataset",
 fillColor: "rgba(115, 102 ,255, 0.3)",
 strokeColor: CubaAdminConfig.primary ,
 pointColor: CubaAdminConfig.primary ,
 pointStrokeColor: "#fff",
 pointHighlightFill: "#fff",
 pointHighlightStroke: "#000",
 data: [10, 59, 80, 81, 56, 55, 40]
 }, {
 label: "My Second dataset",
 fillColor: "rgba(247, 49, 100, 0.3)",
 strokeColor: CubaAdminConfig.secondary ,
 pointColor: CubaAdminConfig.secondary ,
 pointStrokeColor: "#fff",
 pointHighlightFill: "#000",
 pointHighlightStroke: CubaAdminConfig.secondary,
 data: [28, 48, 40, 19, 86, 27, 90]
 }]
};
var lineGraphOptions = {
 scaleShowGridLines: true,
 scaleGridLineColor: "rgba(0,0,0,.05)",
 scaleGridLineWidth: 1,
 scaleShowHorizontalLines: true,
 scaleShowVerticalLines: true,
 bezierCurve: true,
 bezierCurveTension: 0.4,
 pointDot: true,
 pointDotRadius: 4,
 pointDotStrokeWidth: 1,
 pointHitDetectionRadius: 20,
 datasetStroke: true,
 datasetStrokeWidth: 2,
 datasetFill: true,
 legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<datasets.length; i++){%><li>\"><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>"
};
var lineCtx = document.getElementById("myGraph").getContext("2d");
var myLineCharts = new Chart(lineCtx).Line(lineGraphData, lineGraphOptions);
var radarData = {
 labels: ["Ford", "Chevy", "Toyota", "Honda", "Mazda"],
 datasets: [{
 label: "My First dataset",
 fillColor: "rgba(115, 102 ,255, 0.4)",
 strokeColor: CubaAdminConfig.primary,
 pointColor: CubaAdminConfig.primary,
 pointStrokeColor: CubaAdminConfig.primary,
 pointHighlightFill: CubaAdminConfig.primary ,
 pointHighlightStroke: "rgba(115, 102 ,255, 0.4)",
 data: [12, 3, 5, 18, 7]
 }]
};
var radarOptions = {
 scaleShowGridLines: true,
 scaleGridLineColor: "rgba(0,0,0,.2)",
 scaleGridLineWidth: 1,
 scaleShowHorizontalLines: true,
 scaleShowVerticalLines: true,
 bezierCurve: true,
 bezierCurveTension: 0.4,
 pointDot: true,
 pointDotRadius: 3,
 pointDotStrokeWidth: 1,
 pointHitDetectionRadius: 20,
 datasetStroke: true,
 datasetStrokeWidth: 2,
 datasetFill: true,
 legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<datasets.length; i++){%><li>\"><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>"
};
var radarCtx = document.getElementById("myRadarGraph").getContext("2d");
var myRadarChart = new Chart(radarCtx).Radar(radarData, radarOptions);
var pieData = [
 {
 value: 300,
 color: "#ab8ce4",
 highlight: "#ab8ce4",
 label: "Primary"
 },
 {
 value: 50,
 color: "#ea2087",
 highlight: "#ea2087",
 label: "Secondary"
 },
 {
 value: 100,
 color: "#FF5370",
 highlight: "#FF5370",
 label: "Danger"
 }
];
var pieOptions = {
 segmentShowStroke: true,
 segmentStrokeColor: "#fff",
 segmentStrokeWidth: 2,
 percentageInnerCutout: 0,
 animationSteps: 100,
 animationEasing: "easeOutBounce",
 animateRotate: true,
 animateScale: false,
 legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<segments.length; i++){%><li>\"><%if(segments[i].label){%><%=segments[i].label%><%}%></li><%}%></ul>"
};