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