发表于: 2017-05-06 18:42:49
1 1032
今天完成的事:学了下echart,写了几个demo玩,准备ppt(+撸猫)。
明天计划的事:完成小课堂的ppt,做13期。
困难:暂无。
收获:
讲下echart的用法咯,rest放明天日报里。
1.引入echart的时候要放在自己的js前,不然识别不了echart的东西;
2.使用echart首先要创建(var)一个本地的变量,存放初始化的echart(获取html里给它留的地方);
var myChart = echarts.init(document.getElementById('main'));
然后需要进行相关的配置(直接网上找),配置文件里面都是规定好的,比如数据都在series里面设置,你要阴影在itemStyle里面设置阴影的大小、颜色、偏移等等,设置背景就在backgroundColor里设置,饼图的每个颜色就在color里面搞个数组存颜色等等,其实需要的都在官方文档里面有了;
举个例子,常见的数据设置在series里:
series: [
{
name:'日报等级',
type:'pie',radius: ['55%', '70%'],
//饼图里面的圈和外面的圈的大小,越接近圆圈就越窄
avoidLabelOverlap: false,
label: {
normal: {
show: false,
position: 'top'
},
emphasis: {
show: true,
textStyle: {
fontSize: '25',
fontWeight: 'bold'
}
}
},
labelLine: {
normal: {
show: true
}
},
data:[
{value:335, name:'上品'},
{value:310, name:'中品'},
{value:234, name:'下品'}
]
}
]
3.最后把配置好的数据塞到你开始创建的变量里:
myChart.setOption(option);
评论