data_json.js 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. var chart = c3.generate({
  2. data: {
  3. json: {
  4. data1: [30, 20, 50, 40, 60, 50],
  5. data2: [200, 130, 90, 240, 130, 220],
  6. data3: [300, 200, 160, 400, 250, 250]
  7. }
  8. }
  9. });
  10. setTimeout(function () {
  11. chart = c3.generate({
  12. data: {
  13. json: [
  14. {name: 'www.site1.com', upload: 200, download: 200, total: 400},
  15. {name: 'www.site2.com', upload: 100, download: 300, total: 400},
  16. {name: 'www.site3.com', upload: 300, download: 200, total: 500},
  17. {name: 'www.site4.com', upload: 400, download: 100, total: 500},
  18. ],
  19. keys: {
  20. // x: 'name', // it's possible to specify 'x' when category axis
  21. value: ['upload', 'download'],
  22. }
  23. },
  24. axis: {
  25. x: {
  26. // type: 'category'
  27. }
  28. }
  29. });
  30. }, 1000);
  31. setTimeout(function () {
  32. chart.load({
  33. json: [
  34. {name: 'www.site1.com', upload: 800, download: 500, total: 400},
  35. {name: 'www.site2.com', upload: 600, download: 600, total: 400},
  36. {name: 'www.site3.com', upload: 400, download: 800, total: 500},
  37. {name: 'www.site4.com', upload: 400, download: 700, total: 500},
  38. ],
  39. keys: {
  40. value: ['upload', 'download'],
  41. }
  42. });
  43. }, 2000);