api_axis_range.js 999 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. var chart = c3.generate({
  2. data: {
  3. columns: [
  4. ['data1', 30, 200, 100, 400, 150, 250],
  5. ['data2', 50, 20, 10, 40, 15, 25]
  6. ],
  7. axes: {
  8. data1: 'y',
  9. data2: 'y2'
  10. }
  11. },
  12. axis: {
  13. y2: {
  14. show: true,
  15. }
  16. }
  17. });
  18. setTimeout(function () {
  19. chart.axis.max(500);
  20. }, 1000);
  21. setTimeout(function () {
  22. chart.axis.min(-500);
  23. }, 2000);
  24. setTimeout(function () {
  25. chart.axis.max({y: 600, y2: 100});
  26. }, 3000);
  27. setTimeout(function () {
  28. chart.axis.min({y: -600, y2: -100});
  29. }, 4000);
  30. setTimeout(function () {
  31. chart.axis.range({max: 1000, min: -1000});
  32. }, 5000);
  33. setTimeout(function () {
  34. chart.axis.range({max: {y: 600, y2: 100}, min: {y: -100, y2: 0}});
  35. }, 6000);
  36. setTimeout(function () {
  37. chart.axis.max({x: 10});
  38. }, 7000);
  39. setTimeout(function () {
  40. chart.axis.min({x: -10});
  41. }, 8000);
  42. setTimeout(function () {
  43. chart.axis.range({max: {x: 5}, min: {x: 0}});
  44. }, 9000);