Echarts实战记录

记录在工作中使用的Echarts

  1. 修改图标文例 : legend formatter: function (name) { i+=1 return name + '\n'+data1[0][i%2] ; },
  2. 给表添加标题 : title ,加副标题: subText
  3. 设置图表和div之间的距离 : grid
  4. 设置柱状图柱子宽度 : barWidth
  5. 设置柱状图,柱子和柱子之间的关系 : barGap
  6. 饼图中心位置 : center ,环形饼图的内外半径 radius : ['','']
  7. 设置饼图中间是否有显示文字 emphasis:{show :false}
  8. 修改折线图颜色: lineStyle:{color:*}
  9. 环形饼图设置鼠标移动每个块显示这个块的数据 series:{label: emphasis: formatter: ['{b}','{c}'].join('\n'),
  10. 对需要计算概率的数据保留两位小数: (***).toFixed(2)
  11. 项目过程中,需要引用到github上的js文件,尝试了好几次一直不行,后来收集到一位大哥的解决方法,测试通过,给个赞
    源文件,需要在github中找到对应的js文件,然后点击row进入源文件,然后复制该网址
    https://raw.githubusercontent.com/ecomfe/echarts-liquidfill/master/dist/echarts-liquidfill.js
    我们需要将 githubusercontent修改为githuck即可
  12. Echarts图表需要设置定时刷新: $(function(){
    setInterval(function(){clickChange();},5000)
    });
  13. 设置页面打开默认全屏打开:
    code2:
    function showAll(){
    window.moveTo(0, 0);
    window.resizeTo(screen.availWidth, screen.availHeight);
    }
    //定位左上角
    //self.moveTo(0,0);
    //调整屏幕
    //self.resizeTo(screen.availWidth,screen.availHeight);
    showAll()
  14. 设置页面缩放比率:
  15. div高度自适应,随内容伸缩(style="height:auto;")

你可能感兴趣的:(Echarts实战记录)