绘制Y坐标轴网格 - 图1

坐标轴配置

  1. xAxis: {
  2. disabled:true,
  3. disableGrid:true,
  4. },
  5. yAxis: {
  6. gridType:'dash',
  7. dashLength:8,
  8. gridColor:'#CCCCCC',
  9. splitNumber:5,
  10. min:10,
  11. max:180,
  12. format:(val)=>{return val.toFixed(0)+'元'}
  13. }

格式化Y轴刻度方法如下:format:(val)=>{return val.toFixed(0)+'元'}

完整配置

  1. new uCharts({
  2. $this:_self,
  3. canvasId: canvasId,
  4. type: 'line',
  5. fontSize:11,
  6. legend:true,
  7. dataLabel:true,
  8. dataPointShape:true,
  9. background:'#FFFFFF',
  10. pixelRatio:_self.pixelRatio,
  11. categories: chartData.categories,
  12. series: chartData.series,
  13. animation: true,
  14. xAxis: {
  15. disabled:true,
  16. disableGrid:true,
  17. },
  18. yAxis: {
  19. gridType:'dash',
  20. gridColor:'#CCCCCC',
  21. dashLength:8,
  22. splitNumber:5,
  23. min:10,
  24. max:180,
  25. format:(val)=>{return val.toFixed(0)+'元'}
  26. },
  27. width: _self.cWidth*_self.pixelRatio,
  28. height: _self.cHeight*_self.pixelRatio,
  29. extra: {
  30. lineStyle: 'straight'
  31. }
  32. });