Server IP : 150.95.80.236 / Your IP : 3.12.148.234 Web Server : Apache System : Linux host-150-95-80-236 3.10.0-1160.105.1.el7.x86_64 #1 SMP Thu Dec 7 15:39:45 UTC 2023 x86_64 User : social-telecare ( 10000) PHP Version : 7.4.33 Disable Function : opcache_get_status MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/vhosts/pcu.in.th/uat.pcu.in.th/demo15/src/js/custom/documentation/charts/flotcharts/ |
Upload File : |
"use strict"; // Class definition var KTFlotDemoStack = function () { // Private functions var exampleStack = function () { var d1 = []; for (var i = 0; i <= 10; i += 1) d1.push([i, parseInt(Math.random() * 30)]); var d2 = []; for (var i = 0; i <= 10; i += 1) d2.push([i, parseInt(Math.random() * 30)]); var d3 = []; for (var i = 0; i <= 10; i += 1) d3.push([i, parseInt(Math.random() * 30)]); var stack = 0, bars = true, lines = false, steps = false; function plotWithOptions() { $.plot($("#kt_docs_flot_stack"), [{ label: "sales", data: d1, lines: { lineWidth: 1, }, shadowSize: 0 }, { label: "tax", data: d2, lines: { lineWidth: 1, }, shadowSize: 0 }, { label: "profit", data: d3, lines: { lineWidth: 1, }, shadowSize: 0 }], { colors: [KTUtil.getCssVariableValue('--bs-active-danger'), KTUtil.getCssVariableValue('--bs-active-primary')], series: { stack: stack, lines: { show: lines, fill: true, steps: steps, lineWidth: 0, // in pixels }, bars: { show: bars, barWidth: 0.5, lineWidth: 0, // in pixels shadowSize: 0, align: 'center' } }, grid: { tickColor: KTUtil.getCssVariableValue('--bs-light-dark'), borderColor: KTUtil.getCssVariableValue('--bs-light-dark'), borderWidth: 1 } } ); } $(".stackControls input").click(function(e) { e.preventDefault(); stack = $(this).val() == "With stacking" ? true : null; plotWithOptions(); }); $(".graphControls input").click(function(e) { e.preventDefault(); bars = $(this).val().indexOf("Bars") != -1; lines = $(this).val().indexOf("Lines") != -1; steps = $(this).val().indexOf("steps") != -1; plotWithOptions(); }); plotWithOptions(); } return { // Public Functions init: function () { exampleStack(); } }; }(); // On document ready KTUtil.onDOMContentLoaded(function () { KTFlotDemoStack.init(); });