Echarts入门(2)

1.饼图样式设置

饼图的半径可以通过 series.radius 设置，可以是诸如"60%’这样相对的百分比字符串，或是200这样的绝对像素数值。当它是百分比字符串时，它是相对于容器宽高中较小的一条边的。也就是说，如果宽度大于高度,则百分比是相对于高度的,反之则反;当它是数值型时，它表示绝对的像素大小。
 

option = {
series: [{
type: "pie',data:[{
value: 335,name:'直接访问'}，
{
value: 234,name:'联盟广告'}，
{
value: 1548,name:'搜索引擎'}
}
],
radius: '50%"}]
;

 2.南丁格尔图(玫瑰图)

南丁格尔图又称玫瑰图,通常用弧度相同但半径不同的扇形表示各个类目。
ECharts 可以通过将饼图的 series.roseTy.pe值设为'area'实现南丁格尔图，其他配置项和饼图是相同的。
 

option = {
            series: [{
                type: 'pie',
                data: [{
                    value: 335,
                    name: "直接访问"
                }, {
                    value: 234,
                    name: "联盟广告"
                }, {
                    value: 548,
                    name: "搜索引擎"
                }, {
                    value: 348,
                    name: "视频广告"
                }, {
                    value: 648,
                    name: "邮件营销"
                }],
                roseType: 'area'
            }]
        };

 3.散点图

option = {
xAxis : {
data:['周日'，‘周一',"周二"，'周三"，'同四'，"周五”，'周六"]，
yAxis:{},
series: [{
type: 'scatter'，
data:[220,182,191,234，290，330，310]
}]
};