c3-data-order.js 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. /*************************************************************************************/
  2. // -->Template Name: Bootstrap Press Admin
  3. // -->Author: Themedesigner
  4. // -->Email: niravjoshi87@gmail.com
  5. // -->File: c3_chart_JS
  6. /*************************************************************************************/
  7. $(function() {
  8. var a = c3.generate({
  9. bindto: "#data-order",
  10. size: { height: 400 },
  11. color: { pattern: ["#343a40", "#4fc3f7", "#f62d51", "#2962FF", "#ced4da"] },
  12. data: {
  13. columns: [
  14. ["option1", 750, 530, 400, 320, 200, 130],
  15. ["option2", 250, 150, 200, 130, 10, -130],
  16. ["option3", -150, -250, -200, -10, -50, -130]
  17. ],
  18. type: "bar",
  19. groups: [
  20. ["option1", "option2", "option3"]
  21. ],
  22. order: "desc"
  23. },
  24. grid: { x: { show: !0 } }
  25. });
  26. setTimeout(function() {
  27. a.load({
  28. columns: [
  29. ["option4", 1810, 1520, 1600, 1450, 1300, 1200]
  30. ]
  31. })
  32. }, 1e3), setTimeout(function() {
  33. a.load({
  34. columns: [
  35. ["option5", 800, 520, 600, 450, 300, 200]
  36. ]
  37. })
  38. }, 2e3), setTimeout(function() {
  39. a.groups([
  40. ["option1", "option2", "option3", "option4", "option5"]
  41. ])
  42. }, 3e3)
  43. });