axes_label_position.js 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. var chart = c3.generate({
  2. data: {
  3. columns: [
  4. ['sample1', 30, 200, 100, 400, 150, 250],
  5. ['sample2', 430, 300, 500, 400, 650, 250]
  6. ],
  7. axes: {
  8. sample1: 'y',
  9. sample2: 'y2'
  10. }
  11. },
  12. axis: {
  13. x: {
  14. label: {
  15. text: 'X Label',
  16. position: 'outer-center'
  17. // inner-right : default
  18. // inner-center
  19. // inner-left
  20. // outer-right
  21. // outer-center
  22. // outer-left
  23. }
  24. },
  25. y: {
  26. label: {
  27. text: 'Y Label',
  28. position: 'outer-middle'
  29. // inner-top : default
  30. // inner-middle
  31. // inner-bottom
  32. // outer-top
  33. // outer-middle
  34. // outer-bottom
  35. }
  36. },
  37. y2: {
  38. show: true,
  39. label: {
  40. text: 'Y2 Label',
  41. position: 'outer-middle'
  42. // inner-top : default
  43. // inner-middle
  44. // inner-bottom
  45. // outer-top
  46. // outer-middle
  47. // outer-bottom
  48. }
  49. }
  50. }
  51. });