developer/hmngy_pasarela_Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Primer Commit

Browse Source
This commit is contained in:
LuisAngelSalinasl
2025-08-04 18:51:41 -06:00
commit 8fcbb98114
8990 changed files with 1407288 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
dist/js/pages/c3-chart/axis/c3-category-axis.js vendored Normal file
View File

@@ -0,0 +1,20 @@
/*************************************************************************************/
// -->Template Name: Bootstrap Press Admin
// -->Author: Themedesigner
// -->Email: niravjoshi87@gmail.com
// -->File: c3_chart_JS
/*************************************************************************************/
$(function() {
var t = c3.generate({
bindto: "#category-axis",
size: { height: 400 },
color: { pattern: ["#2962FF", "#4fc3f7"] },
data: {
columns: [
["year", 50, 250, 100, 400, 150, 250, 50, 100, 250]
]
},
axis: { x: { type: "year", categories: ["2001", "2002", "2003", "2004", "2005", "2006", "2007", "2008", "2009"] } },
grid: { y: { show: !0 } }
});
});

22
dist/js/pages/c3-chart/axis/c3-rotated-axis.js vendored Normal file
View File

@@ -0,0 +1,22 @@
/*************************************************************************************/
// -->Template Name: Bootstrap Press Admin
// -->Author: Themedesigner
// -->Email: niravjoshi87@gmail.com
// -->File: c3_chart_JS
/*************************************************************************************/
$(function() {
var a = c3.generate({
bindto: "#rotated-axis",
size: { height: 400 },
color: { pattern: ["#4fc3f7", "#2962FF"] },
data: {
columns: [
["data1", 50, 250, 90, 400, 300, 150],
["data2", 30, 100, 85, 50, 15, 25]
],
types: { data1: "bar" }
},
axis: { rotated: !0 },
grid: { y: { show: !0 } }
});
});

20
dist/js/pages/c3-chart/axis/c3-tick-culling.js vendored Normal file
View File

@@ -0,0 +1,20 @@
/*************************************************************************************/
// -->Template Name: Bootstrap Press Admin
// -->Author: Themedesigner
// -->Email: niravjoshi87@gmail.com
// -->File: c3_chart_JS
/*************************************************************************************/
$(function() {
var i = c3.generate({
bindto: "#tick-culling",
size: { height: 400 },
color: { pattern: ["#4fc3f7", "#E91E63"] },
data: {
columns: [
["options", 30, 200, 100, 400, 150, 250, 30, 200, 100, 400, 150, 250, 30, 200, 100, 400, 150, 250, 200, 100, 400, 150, 250]
]
},
axis: { x: { type: "category", tick: { culling: { max: 4 } } } },
grid: { y: { show: !0 } }
});
});

23
dist/js/pages/c3-chart/axis/c3-tick-fitting.js vendored Normal file
View File

@@ -0,0 +1,23 @@
/*************************************************************************************/
// -->Template Name: Bootstrap Press Admin
// -->Author: Themedesigner
// -->Email: niravjoshi87@gmail.com
// -->File: c3_chart_JS
/*************************************************************************************/
$(function() {
var i = c3.generate({
bindto: "#tick-fitting",
size: { height: 400 },
color: { pattern: ["#2962FF", "#E91E63"] },
data: {
x: "x",
columns: [
["x", "2018-01-31", "2018-02-31", "2018-03-31", "2018-04-28"],
["days", 150, 400, 100, 30]
]
},
axis: { x: { type: "timeseries", tick: { fit: !0, format: "%e %b %y" } } },
grid: { y: { show: !0 } }
});
});

25
dist/js/pages/c3-chart/axis/c3-timezone.js vendored Normal file
View File

@@ -0,0 +1,25 @@
/*************************************************************************************/
// -->Template Name: Bootstrap Press Admin
// -->Author: Themedesigner
// -->Email: niravjoshi87@gmail.com
// -->File: c3_chart_JS
/*************************************************************************************/
$(function() {
var t = c3.generate({
bindto: "#axis-timezone",
size: { height: 400 },
color: { pattern: ["#2962FF", "#4fc3f7"] },
data: {
x: "x",
xFormat: "%Y",
columns: [
["x", "2015", "2014", "2013", "2012", "2011", "2010"],
["option1", 250, 150, 400, 100, 200, 30],
["option2", 350, 250, 500, 200, 340, 130]
]
},
axis: { x: { type: "timeseries", localtime: !1, tick: { format: "%Y-%m-%d %H:%M:%S" } } },
grid: { y: { show: !0 } }
});
});

20
dist/js/pages/c3-chart/axis/c3-y-axis-range.js vendored Normal file
View File

@@ -0,0 +1,20 @@
/*************************************************************************************/
// -->Template Name: Bootstrap Press Admin
// -->Author: Themedesigner
// -->Email: niravjoshi87@gmail.com
// -->File: c3_chart_JS
/*************************************************************************************/
$(function() {
var n = c3.generate({
bindto: "#range-y-axis",
size: { height: 400 },
color: { pattern: ["#4fc3f7", "#E91E63"] },
data: {
columns: [
["Option", 250, 100, 400, 100, 200, 30]
]
},
axis: { y: { max: 400, min: -400 } },
grid: { y: { show: !0 } }
});
});

20
dist/js/pages/c3-chart/axis/c3-y-axis.js vendored Normal file
View File

@@ -0,0 +1,20 @@
/*************************************************************************************/
// -->Template Name: Bootstrap Press Admin
// -->Author: Themedesigner
// -->Email: niravjoshi87@gmail.com
// -->File: c3_chart_JS
/*************************************************************************************/
$(function() {
var o = c3.generate({
bindto: "#y-axis",
size: { height: 400 },
color: { pattern: ["#2962FF", "#E91E63"] },
data: {
columns: [
["Profit", 2500, 150, 1000, 100, 500, 30]
]
},
axis: { y: { tick: { format: d3.format("$,") } } },
grid: { y: { show: !0 } }
});
});

21
dist/js/pages/c3-chart/bar-pie/c3-bar.js vendored Normal file
View File

@@ -0,0 +1,21 @@
/*************************************************************************************/
// -->Template Name: Bootstrap Press Admin
// -->Author: Themedesigner
// -->Email: niravjoshi87@gmail.com
// -->File: c3_chart_JS
/*************************************************************************************/
$(function() {
var t = c3.generate({
bindto: "#bar-chart",
size: { height: 400 },
color: { pattern: ["#4fc3f7"] },
data: {
columns: [
["option1", 350, 80, 250, 400, 190, 250]
],
type: "bar"
},
axis: { rotated: !0 },
grid: { y: { show: !0 } }
});
});

51
dist/js/pages/c3-chart/bar-pie/c3-column.js vendored Normal file
View File

@@ -0,0 +1,51 @@
/*************************************************************************************/
// -->Template Name: Bootstrap Press Admin
// -->Author: Themedesigner
// -->Email: niravjoshi87@gmail.com
// -->File: c3_chart_JS
/*************************************************************************************/
/*************************************/
// Column chart //
/*************************************/
$(function() {
// Callback that creates and populates a data table, instantiates the column chart, passes in the data and draws it.
var columnChart = c3.generate({
bindto: '#column-chart',
size: { height: 400 },
color: {
pattern: ['#2962FF', '#343a40', '#4fc3f7']
},
// Create the data table.
data: {
columns: [
['option1', 130, -90, 170, 90, 120, 250],
['option2', 90, 150, 140, -150, 150, 50]
],
type: 'bar'
},
bar: {
width: {
ratio: 0.5 // this makes bar width 50% of length between ticks
}
// or
//width: 100 // this makes bar width 100px
},
grid: {
y: {
show: true
}
}
});
// Instantiate and draw our chart, passing in some options.
setTimeout(function() {
columnChart.load({
columns: [
['option3', 50, -45, 200, 300, -95, 100]
]
});
}, 1000);
});

33
dist/js/pages/c3-chart/bar-pie/c3-donut.js vendored Normal file
View File

@@ -0,0 +1,33 @@
/*************************************************************************************/
// -->Template Name: Bootstrap Press Admin
// -->Author: Themedesigner
// -->Email: niravjoshi87 @gmail.com
// -->File: c3_chart_JS
/*************************************************************************************/
$(function() {
var o = c3.generate({
bindto: "#donut-chart",
color: { pattern: ["#2962FF", "#4fc3f7", "#f62d51"] },
data: {
columns: [
["option1", 30],
["option2", 120]
],
type: "donut",
onclick: function(o, n) { console.log("onclick", o, n) },
onmouseover: function(o, n) { console.log("onmouseover", o, n) },
onmouseout: function(o, n) { console.log("onmouseout", o, n) }
},
donut: { title: "Total Sale" }
});
setTimeout(function() {
o.load({
columns: [
["iphone", .2, .2, .2, .2, .2, .4, .3, .2, .2, .1, .2, .2, .1, .1, .2, .4, .4, .3, .3, .3, .2, .4, .2, .5, .2, .2, .4, .2, .2, .2, .2, .4, .1, .2, .2, .2, .2, .1, .2, .2, .3, .3, .2, .6, .4, .3, .2, .2, .2, .2],
["windows", 1.4, 1.5, 1.5, 1.3, 1.5, 1.3, 1.6, 1, 1.3, 1.4, 1, 1.5, 1, 1.4, 1.3, 1.4, 1.5, 1, 1.5, 1.1, 1.8, 1.3, 1.5, 1.2, 1.3, 1.4, 1.4, 1.7, 1.5, 1, 1.1, 1, 1.2, 1.6, 1.5, 1.6, 1.5, 1.3, 1.3, 1.3, 1.2, 1.4, 1.2, 1, 1.3, 1.2, 1.3, 1.3, 1.1, 1.3],
["android", 2.5, 1.9, 2.1, 1.8, 2.2, 2.1, 1.7, 1.8, 1.8, 2.5, 2, 1.9, 2.1, 2, 2.4, 2.3, 1.8, 2.2, 2.3, 1.5, 2.3, 2, 2, 1.8, 2.1, 1.8, 1.8, 1.8, 2.1, 1.6, 1.9, 2, 2.2, 1.5, 1.4, 2.3, 2.4, 1.8, 1.8, 2.1, 2.4, 2.3, 1.9, 2.3, 2.5, 2.3, 1.9, 2, 2.3, 1.8]
]
})
}, 1500),
setTimeout(function() { o.unload({ ids: "option1" }), o.unload({ ids: "option2" }) }, 2500)
});

31
dist/js/pages/c3-chart/bar-pie/c3-pie.js vendored Normal file
View File

@@ -0,0 +1,31 @@
/*************************************************************************************/
// -->Template Name: Bootstrap Press Admin
// -->Author: Themedesigner
// -->Email: niravjoshi87@gmail.com
// -->File: c3_chart_JS
/*************************************************************************************/
$(function() {
var o = c3.generate({
bindto: "#pie-chart",
color: { pattern: ["#2962FF", "#4fc3f7", "#a1aab2"] },
data: {
columns: [
["option1", 50],
["option2", 100]
],
type: "pie",
onclick: function(o, n) { console.log("onclick", o, n) },
onmouseover: function(o, n) { console.log("onmouseover", o, n) },
onmouseout: function(o, n) { console.log("onmouseout", o, n) }
}
});
setTimeout(function() {
o.load({
columns: [
["iphone", .2, .2, .2, .2, .2, .4, .3, .2, .2, .1, .2, .2, .1, .1, .2, .4, .4, .3, .3, .3, .2, .4, .2, .5, .2, .2, .4, .2, .2, .2, .2, .4, .1, .2, .2, .2, .2, .1, .2, .2, .3, .3, .2, .6, .4, .3, .2, .2, .2, .2],
["windows", 1.4, 1.5, 1.5, 1.3, 1.5, 1.3, 1.6, 1, 1.3, 1.4, 1, 1.5, 1, 1.4, 1.3, 1.4, 1.5, 1, 1.5, 1.1, 1.8, 1.3, 1.5, 1.2, 1.3, 1.4, 1.4, 1.7, 1.5, 1, 1.1, 1, 1.2, 1.6, 1.5, 1.6, 1.5, 1.3, 1.3, 1.3, 1.2, 1.4, 1.2, 1, 1.3, 1.2, 1.3, 1.3, 1.1, 1.3],
["android", 2.5, 1.9, 2.1, 1.8, 2.2, 2.1, 1.7, 1.8, 1.8, 2.5, 2, 1.9, 2.1, 2, 2.4, 2.3, 1.8, 2.2, 2.3, 1.5, 2.3, 2, 2, 1.8, 2.1, 1.8, 1.8, 1.8, 2.1, 1.6, 1.9, 2, 2.2, 1.5, 1.4, 2.3, 2.4, 1.8, 1.8, 2.1, 2.4, 2.3, 1.9, 2.3, 2.5, 2.3, 1.9, 2, 2.3, 1.8]
]
})
}, 1500), setTimeout(function() { o.unload({ ids: "option1" }), o.unload({ ids: "option2" }) }, 2500)
});

41
dist/js/pages/c3-chart/bar-pie/c3-stacked-bar.js vendored Normal file
View File

@@ -0,0 +1,41 @@
/*************************************************************************************/
// -->Template Name: Bootstrap Press Admin
// -->Author: Themedesigner
// -->Email: niravjoshi87@gmail.com
// -->File: c3_chart_JS
/*************************************************************************************/
$(function() {
var a = c3.generate({
bindto: "#stacked-bar",
size: { height: 400 },
color: { pattern: ["#2962FF", "#4fc3f7", "#f62d51", "#343a40"] },
data: {
columns: [
["option1", -150, 150, 100, 350, -150, 200],
["option2", 190, 250, -180, 100, -250, 150],
["option3", 200, 180, 250, -350, 150, 120]
],
type: "bar",
groups: [
["option1", "option2"]
]
},
grid: { y: { show: !0 } },
axis: { rotated: !0 }
});
setTimeout(function() {
a.groups([
["option1", "option2", "option3"]
])
}, 1e3), setTimeout(function() {
a.load({
columns: [
["option4", 150, -20, 250, 270, -190, -250]
]
})
}, 1500), setTimeout(function() {
a.groups([
["option1", "option2", "option3", "option4"]
])
}, 2e3)
});

58
dist/js/pages/c3-chart/bar-pie/c3-stacked-column.js vendored Normal file
View File

@@ -0,0 +1,58 @@
/**********************************/
// Stacked Column Chart //
/**********************************/
$(window).on("load", function() {
// Callback that creates and populates a data table, instantiates the stacked column chart, passes in the data and draws it.
var stackedColumnChart = c3.generate({
bindto: '#stacked-column',
size: { height: 400 },
color: {
pattern: ['#2962FF', '#ced4da', '#4fc3f7', '#f62d51']
},
// Create the data table.
data: {
columns: [
['option1', -130, 200, 200, 400, 400, 250],
['option2', 100, 50, -100, 200, -150, 150],
['option3', -85, 200, 200, -300, 250, 250]
],
type: 'bar',
groups: [
['option1', 'option2']
]
},
grid: {
y: {
show: true
}
},
});
// Instantiate and draw our chart, passing in some options.
setTimeout(function() {
stackedColumnChart.groups([
['option1', 'option2', 'option3']
]);
}, 1000);
setTimeout(function() {
stackedColumnChart.load({
columns: [
['option4', 50, -150, 150, 200, -300, -100]
]
});
}, 1500);
setTimeout(function() {
stackedColumnChart.groups([
['option1', 'option2', 'option3', 'option4']
]);
}, 2000);
// Resize chart on sidebar width change
$(".sidebartoggler").on('click', function() {
stackedColumnChart.resize();
});
});

6
dist/js/pages/c3-chart/c3_test.csv vendored Normal file
View File

@@ -0,0 +1,6 @@
option1,option2,opiton3
120,80,200
140,50,250
190,100,250
150,100,300
180,120,280
1 option1 option2 opiton3
2 120 80 200
3 140 50 250
4 190 100 250
5 150 100 300
6 180 120 280

5
dist/js/pages/c3-chart/c3_test.json vendored Normal file
View File

@@ -0,0 +1,5 @@
{
"option1": [220, 240, 270, 250, 280],
"option2": [180, 150, 300, 70, 120],
"option3": [200, 310, 150, 100, 180]
}

59
dist/js/pages/c3-chart/data/c3-category-data.js vendored Normal file
View File

@@ -0,0 +1,59 @@
/*************************************************************************************/
// -->Template Name: Bootstrap Press Admin
// -->Author: Themedesigner
// -->Email: niravjoshi87@gmail.com
// -->File: c3_chart_JS
/*************************************************************************************/
$(function() {
var o = c3.generate({
bindto: "#category-data",
size: { height: 400 },
color: { pattern: ["#4fc3f7", "#2962FF"] },
data: {
x: "x",
columns: [
["x", "www.site1.com", "www.site2.com", "www.site3.com", "www.site4.com"],
["complete", 400, 200, 100, 40],
["remaining", 190, 100, 140, 90]
],
groups: [
["complete", "remaining"]
],
type: "bar"
},
axis: { x: { type: "category" } },
grid: { y: { show: !0 } }
});
setTimeout(function() {
o.load({
columns: [
["x", "www.siteA.com", "www.siteB.com", "www.siteC.com", "www.siteD.com"],
["complete", 350, 200, 150, 150],
["remaining", 190, 150, 290, 140]
]
})
}, 1e3), setTimeout(function() {
o.load({
columns: [
["x", "www.siteE.com", "www.siteF.com", "www.siteG.com"],
["complete", 30, 300, 290],
["remaining", 90, 230, 240]
]
})
}, 2e3), setTimeout(function() {
o.load({
columns: [
["x", "www.site1.com", "www.site2.com", "www.site3.com", "www.site4.com"],
["complete", 130, 350, 200, 470],
["remaining", 190, 130, 140, 340]
]
})
}, 3e3), setTimeout(function() {
o.load({
columns: [
["complete", 30, 130, 100, 170],
["remaining", 190, 30, 140, 40]
]
})
}, 4e3), setTimeout(function() { o.load({ url: "../c3_string_x.csv" }) }, 5e3)
});

21
dist/js/pages/c3-chart/data/c3-column-oriented.js vendored Normal file
View File

@@ -0,0 +1,21 @@
/*************************************************************************************/
// -->Template Name: Bootstrap Press Admin
// -->Author: Themedesigner
// -->Email: niravjoshi87@gmail.com
// -->File: c3_chart_JS
/*************************************************************************************/
$(function() {
var n = c3.generate({
bindto: "#column-oriented",
size: { height: 400 },
color: { pattern: ["#2962FF", "#4fc3f7", "#f62d51"] },
data: {
columns: [
["option1", 50, 60, 40, 50, 20, 30],
["option2", 220, 130, 240, 90, 130, 200],
["option3", 250, 250, 400, 160, 200, 300]
]
},
grid: { y: { show: !0 } }
});
});

23
dist/js/pages/c3-chart/data/c3-data-color.js vendored Normal file
View File

@@ -0,0 +1,23 @@
/*************************************************************************************/
// -->Template Name: Bootstrap Press Admin
// -->Author: Themedesigner
// -->Email: niravjoshi87@gmail.com
// -->File: c3_chart_JS
/*************************************************************************************/
$(function() {
var a = c3.generate({
bindto: "#data-color",
size: { height: 400 },
data: {
columns: [
["data1", 130, 200, 150, 40, 360, 50],
["data2", 100, 130, 100, 240, 130, 350],
["data3", 300, 240, 360, 400, 250, 250]
],
type: "bar",
colors: { data1: "#4fc3f7", data2: "#2962FF" },
color: function(a, o) { return o.id && "data3" === o.id ? d3.rgb(a).darker(o.value / 150) : a }
},
grid: { y: { show: !0 } }
});
});

37
dist/js/pages/c3-chart/data/c3-data-from-url.js vendored Normal file
View File

@@ -0,0 +1,37 @@
/*************************************************************************************/
// -->Template Name: Bootstrap Press Admin
// -->Author: Themedesigner
// -->Email: niravjoshi87@gmail.com
// -->File: c3_chart_JS
/*************************************************************************************/
$(function(e) {
// Callback that creates and populates a data table, instantiates the line chart, passes in the data and draws it.
var lineChart = c3.generate({
bindto: '#data-from-url',
size: { height: 400 },
color: {
pattern: ['#2962FF', '#4fc3f7', '#f62d51']
},
// Create the data table.
data: {
url: 'dist/js/pages/c3-chart/c3_test.csv'
},
grid: {
y: {
show: true
}
},
});
// Instantiate and draw our chart, passing in some options.
setTimeout(function() {
c3.generate({
data: {
url: 'dist/js/pages/c3-chart/c3_test.json',
mimeType: 'json'
}
});
}, 1000);
});

43
dist/js/pages/c3-chart/data/c3-data-order.js vendored Normal file
View File

@@ -0,0 +1,43 @@
/*************************************************************************************/
// -->Template Name: Bootstrap Press Admin
// -->Author: Themedesigner
// -->Email: niravjoshi87@gmail.com
// -->File: c3_chart_JS
/*************************************************************************************/
$(function() {
var a = c3.generate({
bindto: "#data-order",
size: { height: 400 },
color: { pattern: ["#343a40", "#4fc3f7", "#f62d51", "#2962FF", "#ced4da"] },
data: {
columns: [
["option1", 750, 530, 400, 320, 200, 130],
["option2", 250, 150, 200, 130, 10, -130],
["option3", -150, -250, -200, -10, -50, -130]
],
type: "bar",
groups: [
["option1", "option2", "option3"]
],
order: "desc"
},
grid: { x: { show: !0 } }
});
setTimeout(function() {
a.load({
columns: [
["option4", 1810, 1520, 1600, 1450, 1300, 1200]
]
})
}, 1e3), setTimeout(function() {
a.load({
columns: [
["option5", 800, 520, 600, 450, 300, 200]
]
})
}, 2e3), setTimeout(function() {
a.groups([
["option1", "option2", "option3", "option4", "option5"]
])
}, 3e3)
});

25
dist/js/pages/c3-chart/data/c3-row-oriented.js vendored Normal file
View File

@@ -0,0 +1,25 @@
/*************************************************************************************/
// -->Template Name: Bootstrap Press Admin
// -->Author: Themedesigner
// -->Email: niravjoshi87@gmail.com
// -->File: c3_chart_JS
/*************************************************************************************/
$(function() {
var o = c3.generate({
bindto: "#row-oriented",
size: { height: 400 },
color: { pattern: ["#2962FF", "#343a40", "#4fc3f7"] },
data: {
rows: [
["option1", "option2", "option3"],
[300, 120, 90],
[240, 160, 40],
[290, 200, 50],
[230, 160, 120],
[300, 130, 80],
[320, 220, 90]
]
},
grid: { y: { show: !0 } }
});
});

23
dist/js/pages/c3-chart/line/c3-area.js vendored Normal file
View File

@@ -0,0 +1,23 @@
/*************************************************************************************/
// -->Template Name: Bootstrap Press Admin
// -->Author: Themedesigner
// -->Email: niravjoshi87@gmail.com
// -->File: c3_chart_JS
/*************************************************************************************/
$(function() {
var a = c3.generate({
bindto: "#area-chart",
size: { height: 400 },
point: { r: 4 },
color: { pattern: ["#2962FF", "#4fc3f7"] },
data: {
columns: [
["data1", 130, 100, 150, 200, 100, 50],
["data2", 0, 350, 200, 150, 50, 0]
],
types: { data1: "area", data2: "area-spline" }
},
grid: { y: { show: !0 } }
});
});

41
dist/js/pages/c3-chart/line/c3-line-region.js vendored Normal file
View File

@@ -0,0 +1,41 @@
/*************************************************************************************/
// -->Template Name: Bootstrap Press Admin
// -->Author: Themedesigner
// -->Email: niravjoshi87@gmail.com
// -->File: c3_chart_JS
/*************************************************************************************/
/********************************/
// Line region chart //
/********************************/
$(function() {
// Callback that creates and populates a data table, instantiates the line region chart, passes in the data and draws it.
var lineRegionChart = c3.generate({
bindto: '#line-region',
size: { height: 400 },
point: {
r: 4
},
color: {
pattern: ['#2962FF', '#4fc3f7']
},
// Create the data table.
data: {
columns: [
['data1', 30, 200, 100, 400, 0, 100],
['data2', 100, 200, 10, 400, 100, 25]
],
regions: {
'data1': [{ 'start': 1, 'end': 2, 'style': 'dashed' }, { 'start': 3 }], // currently 'dashed' style only
'data2': [{ 'end': 3 }]
}
},
grid: {
y: {
show: true
}
}
});
});

34
dist/js/pages/c3-chart/line/c3-line.js vendored Normal file
View File

@@ -0,0 +1,34 @@
/*************************************************************************************/
// -->Template Name: Bootstrap Press Admin
// -->Author: Themedesigner
// -->Email: niravjoshi87@gmail.com
// -->File: c3_chart_JS
/*************************************************************************************/
$(function() {
var t = c3.generate({
bindto: "#line-chart",
size: { height: 400 },
point: { r: 4 },
color: { pattern: ["#2962FF", "#4fc3f7"] },
data: {
columns: [
["option1", 30, 200, 100, 400, 150, 250],
["option2", 30, 120, 210, 40, 50, 205]
]
},
grid: { y: { show: !0, stroke: "#ff0" } }
});
setTimeout(function() {
t.load({
columns: [
["option1", 200, 150, 350, 250, 330, 500]
]
})
}, 1e3), setTimeout(function() {
t.load({
columns: [
["option3", 180, 250, 100, 350, 240, 150]
]
})
}, 1500), setTimeout(function() { t.unload({ ids: "option1" }) }, 2e3)
});

24
dist/js/pages/c3-chart/line/c3-multiple-xy.js vendored Normal file
View File

@@ -0,0 +1,24 @@
/*************************************************************************************/
// -->Template Name: Bootstrap Press Admin
// -->Author: Themedesigner
// -->Email: niravjoshi87@gmail.com
// -->File: c3_chart_JS
/*************************************************************************************/
$(function() {
var t = c3.generate({
bindto: "#multiple-xy",
size: { height: 400 },
point: { r: 4 },
color: { pattern: ["#2962FF", "#4fc3f7"] },
data: {
xs: { option1: "x1", option2: "x2" },
columns: [
["x1", 10, 20, 30, 50, 70, 100],
["x2", 25, 50, 75, 100, 120],
["option1", 30, 200, 50, 300, 85, 250],
["option2", 20, 200, 140, 100, 190]
]
},
grid: { y: { show: !0 } }
});
});

36
dist/js/pages/c3-chart/line/c3-simple-xy.js vendored Normal file
View File

@@ -0,0 +1,36 @@
/*************************************************************************************/
// -->Template Name: Bootstrap Press Admin
// -->Author: Themedesigner
// -->Email: niravjoshi87@gmail.com
// -->File: c3_chart_JS
/*************************************************************************************/
$(function() {
var o = c3.generate({
bindto: "#simple-xy",
size: { height: 400 },
point: { r: 4 },
color: { pattern: ["#2962FF", "#4fc3f7"] },
data: {
x: "x",
columns: [
["x", 30, 50, 100, 230, 300, 310],
["option1", 30, 280, 150, 400, 180, 280],
["option2", 130, 300, 200, 300, 250, 450]
]
},
grid: { y: { show: !0 } }
});
setTimeout(function() {
o.load({
columns: [
["option1", 100, 250, 150, 200, 100, 0]
]
})
}, 1e3), setTimeout(function() {
o.load({
columns: [
["option3", 0, 150, 50, 150, 50, 0]
]
})
}, 1500), setTimeout(function() { o.unload({ ids: "option2" }) }, 2e3)
});

22
dist/js/pages/c3-chart/line/c3-spline.js vendored Normal file
View File

@@ -0,0 +1,22 @@
/*************************************************************************************/
// -->Template Name: Bootstrap Press Admin
// -->Author: Themedesigner
// -->Email: niravjoshi87@gmail.com
// -->File: c3_chart_JS
/*************************************************************************************/
$(function() {
var n = c3.generate({
bindto: "#spline-chart",
size: { height: 400 },
point: { r: 4 },
color: { pattern: ["#2962FF", "#4fc3f7"] },
data: {
columns: [
["option1", 30, 200, 100, 250, 100, 250],
["option2", 130, 300, 140, 200, 150, 50]
],
type: "spline"
},
grid: { y: { show: !0 } }
});
});

21
dist/js/pages/c3-chart/line/c3-step.js vendored Normal file
View File

@@ -0,0 +1,21 @@
/*************************************************************************************/
// -->Template Name: Bootstrap Press Admin
// -->Author: Themedesigner
// -->Email: niravjoshi87@gmail.com
// -->File: c3_chart_JS
/*************************************************************************************/
$(function() {
var t = c3.generate({
bindto: "#step-chart",
size: { height: 400 },
color: { pattern: ["#2962FF", "#4fc3f7"] },
data: {
columns: [
["option1", 250, 300, 200, 150, 120, 100],
["option2", 100, 150, 120, 250, 180, 50]
],
types: { option1: "step", option2: "area-step" }
},
grid: { y: { show: !0 } }
});
});