怎样将爬虫爬取的今日头条信息以图表展示.docx

--引入echarts的js文件-->

toutiao.js代码：

$（function（）{

var section_avg = document.getElementById（"section_avg"）;

var section_article = document.getElementById（"section_article"）;

var type_count = document.getElementById（"type_count"）;

var type_avg = document.getElementById（"type_avg"）;

var section_avg_chart = echarts.init（section_avg）;

var section_article_chart = echarts.init（section_article）;

var type_count_chart = echarts.init（type_count）;

var type_avg_chart = echarts.init（type_avg）;

initSectionChart（section_avg_chart,section_article_chart）;

initTypeChart（type_count_chart,type_avg_chart）;

}）;

function initSectionChart（chart,chart1）{

var option = {

    legend:

 {

        data:

['各分类平均阅读量']

    },

    xAxis:

 [

        {

            type:

 'category',

            data:

 [],

            axisLabel:

{

            rotate:

-90,

            interval:

0

            }

        }

    ],

    yAxis:

 [

        {

            type:

 'value',

            name:

 '平均阅读量',

            min:

 0,

            axisLabel:

 {

                formatter:

 function（data）{

                return data/10000+"万";

                }

            }

        }

    ],

    series:

 [

        {

            name:

'各分类平均阅读量',

            type:

'bar',

            data:

[]

        }

    ]

};

var option1 = {

    legend:

 {

        data:

['各分类文章数量']

    },

    xAxis:

 [

        {

            type:

 'category',

            data:

 [],

            axisLabel:

{

            rotate:

-90,

            interval:

0

            }

        }

    ],

    yAxis:

 [

        {

            type:

 'value',

            name:

 '文章数量',

            min:

 0

        }

    ],

    series:

 [

        {

            name:

'各分类文章数量',

            type:

'bar',

            data:

[]

        }

    ]

};

$.ajax（{

url:

BASE_PATH+'/toutiao/section.do',

type:

'get',

dataType:

'json',

success:

function（data）{

var sectionName = [];

var section_avg_value = [];

var section_count = [];

for（var i = 0; i < data.length;i++）{

sectionName.push（data[i]['section']）;

section_avg_value.push（data[i]['readcount_avg']）;

section_count.push（data[i]['section_count']）;

}

option.xAxis[0].data = sectionName;

option.series[0].data = section_avg_value;

chart.setOption（option）;

option1.xAxis[0].data = sectionName;

option1.series[0].data = section_count;

chart1.setOption（option1）;

}

}）;

}

function initTypeChart（chart,chart1）{

var option = {

    title :

 {

        text:

 '不同文章类型阅读量比例',

        x:

'center'

    },

    legend:

 {

        data:

 []

    },

    series :

 [

        {

            name:

 '不同文章类型阅读量比例',

            type:

 'pie',

            data:

[],

            label:

 {

                normal:

 {

                    position:

 'inner'

                }

            }

        }

    ]

};

var option1 = {

    title :

 {

        text:

 '不同文章类型文章数量比例',

        x:

'center'

    },

    legend:

 {

        data:

 []

    },

    series :

 [

        {

            name:

 '不同文章类型文章数量比例',

            type:

 'pie',

            data:

[],

            label:

 {

                normal:

 {

                    position:

 'inner'

                }

            }

        }

    ]

};

$.ajax（{

url:

BASE_PATH+'/toutiao/type.do',

type:

'get',

dataType:

'json',

success:

function（data）{

var typeName = [];

var type_readcount = [];

var type_count = [];

var sum = 0;

var count = 0;

for（var i = 0; i < data.length;i++）{

var type_name = "";

if（data[i]['type']==1）{

type_name = "文章";

}

if（data[i]['type']==2）{

type_name="图册";

}

if（data[i]['type']==3）{

type_name="视频";

}

type_readcount.push（{"name":

type_name+"\n平均阅读量:

"+data[i]['readcount_sum'].toFixed（0）,"value":

data[i]['readcount_sum']}）;

type_count.push（{"name":

type_name+"\n文章数量:

"+data[i]['type_count'].toFixed（0）,"value":

data[i]['type_count']}）;

sum += data[i]['readcount_sum'];

count += data[i]['type_count'];

}

for（var i = 0;i < type_readcount.length; i++）{

type_readcount[i]['value'] = type_readcount[i]['value']/sum;

type_count[i]['value'] = type_count[i]['value']/count;

}

option.series[0].data = type_readcount;

chart.setOption（option）;

option1.series[0].data = type_count;

chart1.setOption（option1）;

}

}）;

}

演示页面请XX微儿博客

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档到电脑，查找使用更方便

下载	加入VIP,免费下载

还剩页未读，继续阅读

举报
版权申诉 word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！ 立即下载

配套讲稿：

如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

特殊限制：

部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。

关 键  词：

怎样 爬虫 今日 信息 图表 展示

  冰豆网所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。