ECHARTS 使用记录

蔚落 2024-02-17 20:25 23阅读 0赞

1、Y轴如何显示百分比。

  1. option = {
  2. color: ['#3398DB'],
  3. tooltip : {
  4. trigger: 'item',
  5. formatter: "{a} <br/>{b}:({c} %)"
  6. },
  7. grid: {
  8. left: '3%',
  9. right: '4%',
  10. bottom: '3%',
  11. containLabel: true
  12. },
  13. xAxis : [
  14. {
  15. type : 'category',
  16. data : ['24岁以下', '24岁到30岁', '31到35岁', '36岁到40岁', '41岁及以上'],
  17. axisTick: {
  18. alignWithLabel: true
  19. }
  20. }
  21. ],
  22. yAxis : [
  23. {
  24. type : 'value',
  25. min : 0,
  26. max : 100,
  27. axisLabel:{
  28. formatter: '{value} %'
  29. }
  30. }
  31. ],
  32. series : [
  33. {
  34. name:'用户数',
  35. type:'bar',
  36. barWidth: '60%',
  37. data:[10,10,10,10,60],
  38. itemStyle:{
  39. normal:{
  40. lable:{
  41. show:true,
  42. formatter:'{a}%'
  43. }
  44. }
  45. }
  46. }
  47. ]
  48. };

发表评论

表情:
评论列表 (有 0 条评论,23人围观)

还没有评论,来说两句吧...

相关阅读

    相关 Echart使用

    一 五分钟入门ECharts 1 简介 ECahrs是百度的一个项目,用于图表展示,提供了常规的折线图、柱状图、散点图、饼图、K线图,用于统计的盒形图,用于地理数据