GaugeSeries.js 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. var List = require("../../data/List");
  2. var SeriesModel = require("../../model/Series");
  3. var zrUtil = require("zrender/lib/core/util");
  4. var GaugeSeries = SeriesModel.extend({
  5. type: 'series.gauge',
  6. getInitialData: function (option, ecModel) {
  7. var list = new List(['value'], this);
  8. var dataOpt = option.data || [];
  9. if (!zrUtil.isArray(dataOpt)) {
  10. dataOpt = [dataOpt];
  11. } // Only use the first data item
  12. list.initData(dataOpt);
  13. return list;
  14. },
  15. defaultOption: {
  16. zlevel: 0,
  17. z: 2,
  18. // 默认全局居中
  19. center: ['50%', '50%'],
  20. legendHoverLink: true,
  21. radius: '75%',
  22. startAngle: 225,
  23. endAngle: -45,
  24. clockwise: true,
  25. // 最小值
  26. min: 0,
  27. // 最大值
  28. max: 100,
  29. // 分割段数,默认为10
  30. splitNumber: 10,
  31. // 坐标轴线
  32. axisLine: {
  33. // 默认显示,属性show控制显示与否
  34. show: true,
  35. lineStyle: {
  36. // 属性lineStyle控制线条样式
  37. color: [[0.2, '#91c7ae'], [0.8, '#63869e'], [1, '#c23531']],
  38. width: 30
  39. }
  40. },
  41. // 分隔线
  42. splitLine: {
  43. // 默认显示,属性show控制显示与否
  44. show: true,
  45. // 属性length控制线长
  46. length: 30,
  47. // 属性lineStyle(详见lineStyle)控制线条样式
  48. lineStyle: {
  49. color: '#eee',
  50. width: 2,
  51. type: 'solid'
  52. }
  53. },
  54. // 坐标轴小标记
  55. axisTick: {
  56. // 属性show控制显示与否,默认不显示
  57. show: true,
  58. // 每份split细分多少段
  59. splitNumber: 5,
  60. // 属性length控制线长
  61. length: 8,
  62. // 属性lineStyle控制线条样式
  63. lineStyle: {
  64. color: '#eee',
  65. width: 1,
  66. type: 'solid'
  67. }
  68. },
  69. axisLabel: {
  70. show: true,
  71. distance: 5,
  72. // formatter: null,
  73. color: 'auto'
  74. },
  75. pointer: {
  76. show: true,
  77. length: '80%',
  78. width: 8
  79. },
  80. itemStyle: {
  81. normal: {
  82. color: 'auto'
  83. }
  84. },
  85. title: {
  86. show: true,
  87. // x, y,单位px
  88. offsetCenter: [0, '-40%'],
  89. // 其余属性默认使用全局文本样式,详见TEXTSTYLE
  90. color: '#333',
  91. fontSize: 15
  92. },
  93. detail: {
  94. show: true,
  95. backgroundColor: 'rgba(0,0,0,0)',
  96. borderWidth: 0,
  97. borderColor: '#ccc',
  98. width: 100,
  99. height: null,
  100. // self-adaption
  101. padding: [5, 10],
  102. // x, y,单位px
  103. offsetCenter: [0, '40%'],
  104. // formatter: null,
  105. // 其余属性默认使用全局文本样式,详见TEXTSTYLE
  106. color: 'auto',
  107. fontSize: 30
  108. }
  109. }
  110. });
  111. var _default = GaugeSeries;
  112. module.exports = _default;