c3-data.js 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  1. //[c3 charts Javascript]
  2. //Project: Riday Admin - Responsive Admin Template
  3. //Primary use: Used only for the morris charts
  4. $(function () {
  5. "use strict";
  6. var n = c3.generate({
  7. bindto: "#column-oriented",
  8. size: { height: 350 },
  9. color: { pattern: ['#38649f', '#389f99', '#ee1044'] },
  10. data: {
  11. columns: [
  12. ['data1', 30, 20, 50, 40, 60, 50],
  13. ['data2', 200, 130, 90, 240, 130, 220],
  14. ['data3', 300, 200, 160, 400, 250, 250]
  15. ]
  16. },
  17. grid: { y: { show: !0 } }
  18. });
  19. var a = c3.generate({
  20. bindto: "#data-color",
  21. size: { height: 350 },
  22. data: {
  23. columns: [
  24. ['data1', 30, 20, 50, 40, 60, 50],
  25. ['data2', 200, 130, 90, 240, 130, 220],
  26. ['data3', 300, 200, 160, 400, 250, 250]
  27. ],
  28. type: "bar",
  29. colors: { data1: "#38649f", data2: "#389f99" },
  30. color: function(a, o) { return o.id && "data3" === o.id ? d3.rgb(a).darker(o.value / 150) : a }
  31. },
  32. grid: { y: { show: !0 } }
  33. });
  34. var a = c3.generate({
  35. bindto: "#data-order",
  36. size: { height: 350 },
  37. color: { pattern: ["#2196f3", "#7f21f3", "#00bfa5", "#f32184", "#e2e023"] },
  38. data: {
  39. columns: [
  40. ['data1', 130, 200, 320, 400, 530, 750],
  41. ['data2', -130, 10, 130, 200, 150, 250],
  42. ['data3', -130, -50, -10, -200, -250, -150]
  43. ],
  44. type: "bar",
  45. groups: [
  46. ["data1", "data2", "data3"]
  47. ],
  48. order: "desc"
  49. },
  50. grid: { x: { show: !0 } }
  51. });
  52. setTimeout(function() {
  53. a.load({
  54. columns: [
  55. ['data4', 1200, 1300, 1450, 1600, 1520, 1820],
  56. ]
  57. })
  58. }, 1e3), setTimeout(function() {
  59. a.load({
  60. columns: [
  61. ['data5', 200, 300, 450, 600, 520, 820],
  62. ]
  63. })
  64. }, 2e3), setTimeout(function() {
  65. a.groups([
  66. ["data1", "data2", "data3", "data4", "data5"]
  67. ])
  68. }, 3e3)
  69. var o = c3.generate({
  70. bindto: "#row-oriented",
  71. size: { height: 350 },
  72. color: { pattern: ['#38649f', '#389f99', '#ee1044'] },
  73. data: {
  74. rows: [
  75. ['data1', 'data2', 'data3'],
  76. [90, 120, 300],
  77. [40, 160, 240],
  78. [50, 200, 290],
  79. [120, 160, 230],
  80. [80, 130, 300],
  81. [90, 220, 320],
  82. ]
  83. },
  84. grid: { y: { show: !0 } }
  85. });
  86. var o = c3.generate({
  87. bindto: "#category-data",
  88. size: { height: 350 },
  89. color: { pattern: ['#389f99', '#ee1044'] },
  90. data: {
  91. x: "x",
  92. columns: [
  93. ['x', 'www.site1.com', 'www.site2.com', 'www.site3.com', 'www.site4.com'],
  94. ['download', 30, 200, 100, 400],
  95. ['loading', 90, 100, 140, 200],
  96. ],
  97. groups: [
  98. ["download", "loading"]
  99. ],
  100. type: "bar"
  101. },
  102. axis: { x: { type: "category" } },
  103. grid: { y: { show: !0 } }
  104. });
  105. setTimeout(function() {
  106. o.load({
  107. columns: [
  108. ['x', 'www.siteA.com', 'www.siteB.com', 'www.siteC.com', 'www.siteD.com'],
  109. ['download', 130, 200, 150, 350],
  110. ['loading', 190, 180, 190, 140],
  111. ]
  112. })
  113. }, 1e3), setTimeout(function() {
  114. o.load({
  115. columns: [
  116. ['x', 'www.siteE.com', 'www.siteF.com', 'www.siteG.com'],
  117. ['download', 30, 300, 200],
  118. ['loading', 90, 130, 240],
  119. ]
  120. })
  121. }, 2e3), setTimeout(function() {
  122. o.load({
  123. columns: [
  124. ['x', 'www.site1.com', 'www.site2.com', 'www.site3.com', 'www.site4.com'],
  125. ['download', 130, 300, 200, 470],
  126. ['loading', 190, 130, 240, 340],
  127. ]
  128. })
  129. }, 3e3), setTimeout(function() {
  130. o.load({
  131. columns: [
  132. ['download', 30, 30, 20, 170],
  133. ['loading', 90, 30, 40, 40],
  134. ]
  135. })
  136. }, 4e3), setTimeout(function() { o.load({ url: "../c3_string_x.csv" }) }, 5e3);
  137. });