chart_bar_stacked.js 692 B

1234567891011121314151617181920212223242526272829303132
  1. var chart = c3.generate({
  2. data: {
  3. columns: [
  4. ['data1', -30, 200, 200, 400, -150, 250],
  5. ['data2', 130, 100, -100, 200, -150, 50],
  6. ['data3', -230, 200, 200, -300, 250, 250]
  7. ],
  8. type: 'bar',
  9. groups: [
  10. ['data1', 'data2']
  11. ]
  12. },
  13. grid: {
  14. y: {
  15. lines: [{value:0}]
  16. }
  17. }
  18. });
  19. setTimeout(function () {
  20. chart.groups([['data1', 'data2', 'data3']])
  21. }, 1000);
  22. setTimeout(function () {
  23. chart.load({
  24. columns: [['data4', 100, -50, 150, 200, -300, -100]]
  25. });
  26. }, 1500);
  27. setTimeout(function () {
  28. chart.groups([['data1', 'data2', 'data3', 'data4']])
  29. }, 2000);