UDN-企业互联网技术人气社区
后使用快捷导航没有帐号？
浏览&&：&4902
回复&&：&0
回复的帖子
本帖最后由 刘莉莉11 于
16:46 编辑
[摘要]： 一个图表的数据只有动态才显得更加有活力和生命力。那么我们如何将图表的数据进行提炼出来呢？让其可以变成可变的数组或者后期可以通过ajax获取数据进行赋值。另外我们如何动态更新echars图表option内每一项的属性或者配置？ 一、如何将图表数据进行数组提炼或者ajax获取 通过观察不难发现echarts图表的核心就是坐标轴和series序列数据，然后这两块的数据其实都是类似一个一维数组的形式。所以我们可以提炼出数组来存放图表核心数据，这里例举将series内data数据提炼出来： ///这里定义一个数组对象且设置两组数据 //后期这里可以改成动态的数据 var dataArr = new Array(); var dataObj1 = [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2,...
& & 一个图表的数据只有动态才显得更加有活力和生命力。那么我们如何将图表的数据进行提炼出来呢？让其可以变成可变的数组或者后期可以通过ajax获取数据进行赋值。另外我们如何动态更新echars图表option内每一项的属性或者配置？
一、如何将图表数据进行数组提炼或者ajax获取
& &&&通过观察不难发现echarts图表的核心就是坐标轴和series序列数据，然后这两块的数据其实都是类似一个一维数组的形式。所以我们可以提炼出数组来存放图表核心数据，这里例举将series内data数据提炼出来：
///这里定义一个数组对象且设置两组数据
//后期这里可以改成动态的数据
var dataArr = new Array();
var dataObj1 = [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3];
var dataObj2 = [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3];
dataArr.push(dataObj1);
dataArr.push(dataObj2);复制代码接着我们就可以在series内直接使用数组数据了，形如：
series: [
& && && && && && &&&{
& && && && && && && && &name: '蒸发量',
& && && && && && && && &type: 'bar',
& && && && && && && && &data: dataArr[0]
& && && && && && &&&},
& && && && && && &&&{
& && && && && && && && &name: '降水量',
& && && && && && && && &type: 'bar',
& && && && && && && && &data: dataArr[1]
& && && && && && &&&}
& && && && && & ]复制代码后期你还可以将dataArr内的数据通过ajax获取然后赋值即可。
二、如何动态修改echarts的option配置项
& & option是关于echarts图表的整个配置，我们需要动态修改图表的某些属性和数据，均需要通过设置echarts的option，然后通过chart.setOption(option)来完成更新操作。
& & 1、如何动态设置y轴刻度
假如我们需要动态设置y轴刻度，为其追加一个单位，应该如何做呢？示例代码如下所示：
///动态更新图表设置y轴刻度追加单位
function updateChart() {
& & var option = myChart.getOption();
& & //动态设置y轴刻度追加单位
& & option.yAxis[0].axisLabel = {
& && &&&formatter: function (value) {
& && && && &return value + &%&;
& && &&&}
& & };
& & myChart.setOption(option);
}复制代码
a50a8893gw1egctc9g3ykj208m0cxdfz.jpg (15.45 KB, 下载次数: 0)
16:45 上传
动态设置y轴刻度
关于更多option的修改，和上述示例类似。只要你能够保证赋值的为对象即可。
电话：010-
地址：北京市海淀区北清路68号
移动客户端下载
微信公众号：yonyouudn
扫描右侧二维码关注我们
专注企业互联网的技术社区
版权所有：用友网络科技股份有限公司82041
京公网网备安4
Powered by Discuz!立志难也，不在胜人，在自胜。
春去秋来，海棠花开。你是否已化作风雨，穿越时光来到这里。
1.echarts学习前言
最近接触到echarts，发现数据可视化真的是魅力无穷啊，各种变幻的曲线交错，以及&曼妙&的动画效果真是让人如痴如醉！
下面就来一起欣赏她的美...
& ECharts是中国的，也是世界的。&
　　　　　　&&&浙江大学教授 & 陈为
& ECharts，发现数据可视化之美！&
　　　　&&&中国传媒大学教授 & 沈浩
大数据时代& & & & & & &&重新定义数据图表的时候到了......
2.echarts的demo代码
需求：ajax请求到json格式数据，动态添加到曲线和表格中
jquery：1.8.3版本
bootstrap：2.3.2版本
用代码说话是我们的游戏规则（吼吼）：
echarts/qiyue.html 中&qiyue.html文件:
&title&*echarts*&/title&
&meta charset="utf-8"/&
&link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/&
&script src="js/jquery-1.8.3.min.js"&&/script&
&script src="js/bootstrap.min.js"&&/script&
&script src="js/echarts.js"&&/script&
&style type="text/css"&
font-family: "微软雅黑";
.count-title{
padding-bottom: 15px;
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
width: 100%;
height: 500px;
margin: 0 auto;
.total-incre{
padding-left: 147px;
margin-top: 5px;
position: absolute;
.total-incre strong{
color: #e5903a;
.chooseTime{
position: absolute;
right: 100px;
.table td,.table th{
text-align: center;
.agencyNew{
width: 90%;
&div class="container agencyNew"&
&div class="row"&
&!-- Split button --&
&h1 class="count-title"&XX销售情况&/h1&
&p class="total-incre"&
合计：&strong class="total"&888&/strong& | 新增 ：&strong class="increase"&88&/strong&
&!--下拉框--&
&div class="dropdown chooseTime"&
&a class="btn btn-default dropdown-toggle" role="button" data-toggle="dropdown" data-target="#" &
最近一个月
&b class="caret"&&/b&
&ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"&
&li&&a href="#"&最近一个月&/a&&/li&
&li role="separator" class="divider"&&/li&
&li&&a href="#"&2017年2月&/a&&/li&
&li&&a href="#"&2017年1月&/a&&/li&
&!--echarts曲线容器--&
&div id="main"&
&!--表格--&
&table class="table table-bordered table-striped table-hover"&
&!--动态获取表头--&
&!--动态获取表格--&
&script src="http://echarts.baidu.com/build/dist/echarts.js"&&/script&
&script src="js/qiyue.js"&&/script&
echarts/js/qiyue.js 中&qiyue.js文件:
var myChart,
$(function(){
require.config({
'echarts': 'http://echarts.baidu.com/build/dist'
'echarts',
'echarts/chart/line',
// 按需加载所需图表，如需动态类型切换功能，别忘了同时加载相应图表
'echarts/chart/bar'
function (ec) {
myChart = ec.init(document.getElementById('main'));
text: 'XX销售情况',
subtext: ''
tooltip: {
trigger: 'axis'
toolbox: {
show : true,
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
restore : {show: true},
saveAsImage : {show: true}
type : 'category',
boundaryGap : false,
data : [ ]
axisLabel: {
interval:0,//横轴信息全部显示
rotate: 30,//60度角倾斜显示
formatter:function(val){
return val.split("").join("\n"); //横轴信息文字竖直显示
textStyle: {
color: '#000',
align: 'center',
fontWeight: 'bold'
yAxis: [],
series: []
myChart = require('echarts').init(document.getElementById('main'));
myChart.showLoading({
text : '数据获取中',
effect: 'whirling'
getData();
//请求json
var fields,
seriesItem,
yAxis_arr = [],
function getData(){
: 'data0.json',
dataType : 'json',
: function(json){
console.log(json.data);
console.log(option);
= json.data.
itemsMap = json.data.itemsM
createEcharts();//动态创建曲线图
createTab();//动态创建表格
myChart.hideLoading();
myChart.setOption(option);
error : function(XMLHttpRequest, textStatus, errorThrown){
if(textStatus == 'parsererror'){
alert('数据为空或者SQL语句错误！');
console.log(errorThrown);
* 动态创建曲线图
function createEcharts(){
for(var i=1; i&fields. i++){
itemStyle = {
areaStyle: {
type: 'default'
itemStyle = {
color: '#70bf41'
option.legend.data.push(fields[i]);
seriesItem
seriesItem.name
= fields[i];
seriesItem.type
seriesItem.smooth
seriesItem.yAxisIndex= i-1;
seriesItem.itemStyle = itemS
seriesItem.data
for(var key in itemsMap){
seriesItem.data.push(itemsMap[key][i]);
填充默认显示曲线的数据
option.series.push(seriesItem);
option.series[0].type
option.series[1].type
var yAxis_obj
yAxis_obj.type = 'value';
yAxis_obj.name = fields[i];
yAxis_obj.show = true;
yAxis_arr.push(yAxis_obj);
option.yAxis = yAxis_
console.log(yAxis_arr);
* 动态创建表格
function createTab(){
//动态创建表头
for(var i=0; i&fields. i++){
thead += '&th&'+fields[i]+'&/th&';
$('.table thead').html('&tr&'+thead+'&/tr&');
for(var j in itemsMap){
var tbody_td = '';
option.xAxis[0].data.push(itemsMap[j][0]); // XAxis
for(var k=0; k&itemsMap[j]. k++){
tbody_td += '&td&'+itemsMap[j][k]+'&/td&';
console.log(tbody_td);
tbody_tr += '&tr&'+tbody_td+'&/tr&';
$('.table tbody').html(tbody_tr);
echarts/data0.json 中data0.json文件:
"itemsMap": {
"1": ["", "3", "8"],
"2": ["", "18", "20"],
"3": ["", "43", "54"],
"4": ["", "50", "74"],
"5": ["", "39", "41"],
"6": ["", "20", "52"],
"7": ["", "21", "25"],
"8": ["", "16", "26"],
"9": ["", "10", "11"],
"10": ["", "8", "10"]
"fields": ["日期", "预购", "成交"],
"status": 1
3.运行结果展示
由于鹅的博客还没有直接运行功能，为了浏览方便我就把效果图贴上吧(= =)
tips：所有数据纯属虚构哦。
源代码在github上提供
阅读(...) 评论()热门搜索：
硕士/研究生
&&&&&&DOCX文档下载
游客快捷下载
会员登录下载
下载资源需要8元
邮箱/手机号：
您支付成功后，系统会自动为您创建此邮箱/手机号的账号，密码跟您输入的邮箱/手机号一致，以方便您下次登录下载和查看订单。注：支付完成后需要自己下载文件，并不会自动发送文件哦！
支付方式：
已注册用户请登录：
当日自动登录&&
&&合作网站一键登录：
1、本站资源不支持迅雷下载，请使用浏览器直接下载(不支持QQ浏览器)；
2、文档下载后都不会有金锄头文库的水印，预览文档经过压缩，下载后原文更清晰；
3、所有的PPT和DOC文档都被视为“模板”，允许上传人保留章节、目录结构的情况下删减部份的内容；下载前须认真查看，确认无误后再购买；
4、所有文档都是可以预览的，金锄头文库作为内容存储提供商，无法对各卖家所售文档的真实性、完整性、准确性以及专业性等问题提供审核和保证，请慎重购买；
5、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确)，网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据；
6、如果您还有什么不清楚的，可以点击右侧栏的客服对话；
下载须知 | 常见问题汇总
Echarts通过Ajax实现动态数据加载
ECHARTS（3X版）官网实例的数据都是静态的，实际使用中往往会要求从服务器端取数据进行动态显示，官网教程里给出的异步数据加载很粗略，下面就以官网最简单的实例为例子，详细演示如下过程1客户端通过AJAX发送请求；2服务器端SERVLET接收请求；3生成JSON数据并返回给客户端；4客户端接收数据后显示。1客户端通过AJAX发送请求先绘制一个最简单的ECHARTS图表（这里就直接贴上代码了，直接用的是官网教程里异步数据加载和更新里的代码）ECHARTSVARMYCHARTECHARTSINITDOCUMENTGETELEMENTBYIDMAIN//显示标题，图例和空的坐标轴MYCHARTSETOPTION{TITLE{TEXT异步数据加载示例},TOOLTIP{},LEGEND{DATA销量},XAXIS{DATA},YAXIS{},SERIES{NAME销量,TYPEBAR,DATA}}看到了吧，现在OPTION中的XAXIS和YAXIS里的DATA都是空值。待会儿我们会用从服务器取回的数据去”填满“它。下面贴上补充了AJAX部分的完整前端代码ECHARTSVARMYCHARTECHARTSINITDOCUMENTGETELEMENTBYIDMAIN//显示标题，图例和空的坐标轴MYCHARTSETOPTION{TITLE{TEXT异步数据加载示例},TOOLTIP{},LEGEND{DATA销量},XAXIS{DATA},YAXIS{},SERIES{NAME销量,TYPEBAR,DATA}}MYCHARTSHOWLOADING//数据加载完之前先显示一段简单的LOADING动画VARNAMES//类别数组（实际用来盛放X轴坐标值）VARNUMS//销量数组（实际用来盛放Y坐标值）AJAX{TYPEPOST,ASYNCTRUE,//异步请求（同步请求将会锁住浏览器，用户其他操作必须等待请求完成才可以执行）URLTESTSERVLET,//请求发送到TESTSERVLET处DATA{},DATATYPEJSON,//返回数据形式为JSONSUCCESSFUNCTIONRESULT{//请求成功时执行该函数内容，RESULT即为服务器返回的JSON对象IFRESULT{FORVARI0I2服务器端SERVLET接收请求客户端的请求URL是’TESTSERVLET‘，那我们得先在WEBXML配置以下映射TESTSERVLETTESTTESTSERVLETTESTSERVLET/TESTSERVLET然后就来着手写处理客户端请求的TESTSERVLET啦3生成JSON数据并返回给客户端生成JSON数据要用到额外的JAR包，这里我使用的JACKSON，JSONLIB2010年就没有再更新了（201653日更发现GOOGLE出品的GSON也蛮好用的，重点是很小巧，只需引入一个JAR就搞定，用法也很简单）简单介绍一下JACKSON的用法①先去HTTP//MVNREPOSITORYCOM/下载JACKSONCOREJAR，JACKSONANNOTATIONSJAR，JACKSONDATABINDJAR（都是2X版本，JACKSON官网不知为何不提供服务了这三个JAR让我一阵好找）②在项目的项目WEBINF/LIB下引入这三个JAR然后就可以在TESTSERVLET里使用JACKSON提供的工具类了。（关于JACKSON的详细用法，这里贴一下官网教程HTTP//WIKIFASTERXMLCOM/JACKSONINFIVEMINUTES）TESTSERVLET代码如下PACKAGETESTIMPORTJAVAIOIOEXCEPTIONIMPORTJAVAUTILIMPORTJAVAXSERVLETSERVLETEXCEPTIONIMPORTJAVAXSERVLETHTTPHTTPSERVLETIMPORTJAVAXSERVLETHTTPHTTPSERVLETREQUESTIMPORTJAVAXSERVLETHTTPHTTPSERVLETRESPONSEIMPORTCOMFASTERXMLJACKSONDATABINDOBJECTMAPPERPUBLICCLASSTESTSERVLETEXTENDSHTTPSERVLET{OVERRIDEPROTECTEDVOIDDOGETHTTPSERVLETREQUESTREQ,HTTPSERVLETRESPONSERESPTHROWSSERVLETEXCEPTION,IOEXCEPTION{DOPOSTREQ,RESP}OVERRIDEPROTECTEDVOIDDOPOSTHTTPSERVLETREQUESTREQUEST,HTTPSERVLETRESPONSERESPONSETHROWSSERVLETEXCEPTION,IOEXCEPTION{LISTLISTNEWARRAYLIST//这里把“类别名称”和“销量”作为两个属性封装在一个PRODUCT类里，每个PRODUCT类的对象都可以看作是一个类别（X轴坐标值）与销量（Y轴坐标值）的集合LISTADDNEWPRODUCT衬衣,10LISTADDNEWPRODUCT短袖,20LISTADDNEWPRODUCT大衣,30OBJECTMAPPERMAPPERNEWOBJECTMAPPER//提供JAVAJSON相互转换功能的类STRINGJSONMAPPERWRITEVALUEASSTRINGLIST//将LIST中的对象转换为JSON格式的数组//SYSTEMOUTPRINTLNJSON//将JSON数据返回给客户端RESPONSESETCONTENTTYPETEXT/HTMLCHARSETUTF8RESPONSEGETWRITERWRITEJSON}TESTSERVLET类中用到的自定义的PRODUCT类代码如下PACKAGETESTPUBLICCLASSPRODUCT{PRIVATESTRINGNAME//类别名称PRIVATEINTNUM//销量PUBLICPRODUCTSTRINGNAME,INTNUM{THISNAMENAMETHISNUMNUM}PUBLICSTRINGGETNAME{RETURNNAME}PUBLICVOIDSETNAMESTRINGNAME{THISNAMENAME}PUBLICINTGETNUM{RETURNNUM}PUBLICVOIDSETNUMINTNUM{THISNUMNUM}}4客户端接收数据后显示客户端接受服务器数据并解析后，就可以正常显示图表数据了
本文（Echarts通过Ajax实现动态数据加载）为本站会员（haowendang）主动上传，金锄头文库仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对上载内容本身不做任何修改或编辑。
若此文所含内容侵犯了您的版权或隐私，请立即阅读金锄头文库的“”【网址:】，按提示上传提交保证函及证明材料，经审查核实后我们立即给予删除！
温馨提示：如果因为网速或其他原因下载失败请重新下载，重复下载不扣分。
分享当前资源【Echarts通过Ajax实现动态数据加载】到朋友圈，您即可以免费下载此资源！
微信扫一扫分享到朋友圈
操作提示：任选上面一个二维码，打开微信，点击“发现”使用“扫一扫”，即可将选择的网页分享到朋友圈
您可能感兴趣的------------------------------------------------------------------------------------------------------
元price_share
&|&川公网安备 12号&|&经营许可证（蜀ICP备号-1）(C) by Sichuan Goldhoe Inc. All Rights Reserved.
&strong>&span style=&font-family: 微软雅黑, &Microsoft YaHei&;&>一、&/span>&/strong>&span style=&font-family: 微软雅黑, &Microsoft YaHei&;&>本站提供全自助服务，购买后点击下载按钮可以下载到你电脑或手机（系统不会发送文档到您的邮箱），请注意查看下载存放位置；&/span>&/p>&p>&strong>&span style=&font-family: 微软雅黑, &Microsoft YaHei&;&>二、&/span>&/strong>&span style=&font-family: 微软雅黑, &Microsoft YaHei&;&>本站具有防盗链功能，所以不要使用迅雷、旋风、网际快车等第三方辅助下载工具（不支持&span style=&font-family: 微软雅黑, &Microsoft YaHei&;&>QQ浏览器&/span>），否则下载下来的文件只是网页或乱码；&/span>&br/>&/p>&p>&strong>&span style=&font-family: 微软雅黑, &Microsoft YaHei&;&>三、&/span>&/strong>&span style=&font-family: 微软雅黑, &Microsoft YaHei&;&>由于网络原因、下载知识欠缺、本地电脑&span style=&font-family: 微软雅黑, &Microsoft YaHei&;&>或&/span>手机阻止下载等问题无法解决时，需要提供以下&/span>&span style=&font-family: 微软雅黑, &Microsoft YaHei&; color: rgb(255, 0, 0);&>任意一条信息&/span>&span style=&font-family: 微软雅黑, &Microsoft YaHei&;&>给我们，我们才能更及时地为你服务：&/span>&br/>&/p>&p>&span style=&font-family: 微软雅黑, &Microsoft YaHei&;&>3.1、如果是注册的会员，请告诉我们你的会员账号；&/span>&/p>&p>&span style=&font-family: 微软雅黑, &Microsoft YaHei&;&>3.2、如果是游客下载的，请告诉我们你下载时填写的手机或者邮箱；&/span>&/p>&p>&span style=&font-family: 微软雅黑, &Microsoft YaHei&;&>3.3、如果是微信或QQ快捷登陆的，请告诉我们你的微信或QQ昵称；&/span>&/p>&p>&span style=&font-family: 微软雅黑, &Microsoft YaHei&;&>3.4、如果这些你仍然无法确定，请告诉我们你的付款单号（我们可以通过单号反过来查询你的账号和下载记录）&/span>&a href=&https://www.jinchutou.com/i-93.html& target=&_blank& style=&text-decoration: color: rgb(255, 192, 0); font-family: 微软雅黑, &Microsoft YaHei&;&>&span style=&color: rgb(255, 192, 0); font-family: 微软雅黑, &Microsoft YaHei&;&>看看什么是单号？&/span>&/a>&span style=&font-family: 微软雅黑, &Microsoft YaHei&;&>；&/span>&/p>&p>&strong>&span style=&font-family: 微软雅黑, &Microsoft YaHei&;&>四、&/span>&/strong>&span style=&font-family: 微软雅黑, &Microsoft YaHei&;&>需要下载哪份文档，请发送文档网址，而不是截图，更不要直接把标题给我们；&/span>&br/>&/p>&p>&strong>&span style=&font-family: 微软雅黑, &Microsoft YaHei&;&>五、&/span>&/strong>&span style=&font-family: 微软雅黑, &Microsoft YaHei&;&>其它下载常见问题详见：&/span>&a href=&https://www.jinchutou.com/info-0-23-1.html& target=&_blank& style=&font-family: 微软雅黑, &Microsoft YaHei&;&>https://www.jinchutou.com/info-0-23-1.html&/a>&br/>&/p>&p>&br/>&/p>" />
&span id=&_baidu_bookmark_start_2& style=&display: line-height: 0&>?&/span>&span id=&_baidu_bookmark_start_4& style=&display: line-height: 0&>?&/span>&/p>&p>&span style=&font-family: 微软雅黑, Arial, &Times New Roman&; font-size: 14 background-color: rgb(255, 255, 255);&>& & 鉴于本网发布稿件来源广泛、数量较多, 系统审核过程只针对存在明显违法有害内容（如色情、暴力、反动、危害社会治安及公共安全等公安部门明文规定的违法内容）进行处理，难以逐一核准作者身份及核验所发布的内容是否存在侵权事宜, 如果著作权人发现本网已转载或摘编了其拥有著作权的作品或对稿酬有疑议, 请及时与本网联系删除。&/span>&/p>&p>&strong style=&color: rgb(102, 102, 102); font-family: 微软雅黑, Arial, &Times New Roman&; font-size: 14 white-space: background-color: rgb(255, 255, 255);&>& & 侵权处理办法参考版权提示一文：&/strong>&a href=&https://www.jinchutou.com/h-59.html& target=&_blank& textvalue=&https://www.jinchutou.com/h-59.html&>https://www.jinchutou.com/h-59.html&/a>&span style=&color: rgb(102, 102, 102); font-family: 微软雅黑, Arial, &Times New Roman&; font-size: 14 background-color: rgb(255, 255, 255);&>&&/span>&/p>&p>&span style=&color: rgb(102, 102, 102); font-family: 微软雅黑, Arial, &Times New Roman&; font-size: 14 background-color: rgb(255, 255, 255);&>1、如涉及内容过多，需要发送邮箱，请电子邮箱到，我们会及时处理；&/span>&/p>&p>&span style=&color: rgb(102, 102, 102); font-family: 微软雅黑, Arial, &Times New Roman&; font-size: 14 background-color: rgb(255, 255, 255);&>2、系统一旦删除后，文档肯定是不能下载了的，但展示页面缓存需要一段时间才能清空，请耐心等待2-6小时；&/span>&/p>&p>&span style=&color: rgb(102, 102, 102); font-family: 微软雅黑, Arial, &Times New Roman&; font-size: 14 background-color: rgb(255, 255, 255);&>3、请版权所有人（单位）提供最起码的证明（证明版权所有人），以便我们尽快查处上传人；&/span>&/p>&p>&span style=&color: rgb(102, 102, 102); font-family: 微软雅黑, Arial, &Times New Roman&; font-size: 14 background-color: rgb(255, 255, 255);&>4、请文明对话，友好处理；&/span>&/p>&p>&span style=&color: rgb(102, 102, 102); font-family: 微软雅黑, Arial, &Times New Roman&; font-size: 14 background-color: rgb(255, 255, 255);&>5、为了杜绝以前再有类似的侵权事情，可以为我们提供相应的关键字，便于管理人员添加到系统后能有效排除和抵制与您（贵单位）相关版权作品上传；&/span>&/p>&p>&span id=&_baidu_bookmark_end_5& style=&display: line-height: 0&>?&/span>&span id=&_baidu_bookmark_end_3& style=&display: line-height: 0&>?&/span>&/p>" />
&span style=&color: rgb(85, 85, 85); font-family: 微软雅黑; background-color: rgb(255, 255, 255);&>& & 为了维护合法，安定的网络环境，本着开放包容的心态共建共享金锄头文库平台，请各位上传人本着自律和责任心共享发布有价值的文档；本站客服对于上传人服务前，有以下几点可提前参阅：&/span>&/p>&p>&span style=&color: rgb(85, 85, 85); font-family: 微软雅黑; background-color: rgb(255, 255, 255);&>1、本站上传会员收益见：&a href=&https://www.jinchutou.com/h-36.html& target=&_blank&>https://www.jinchutou.com/h-36.html&/a> &/span>&/p>&p>2、本站不会为任何刚注册的上传会员特批解除上传限制，普通会员每天可以上传50份，值班经值会审核其上传内容，请自行观察自己上传的文档哪些在“临时转换中”（审核通过），哪些在审核拒绝中，连续坚持几天都没有任何文档被拒的情况下，根据文档质量和发布分类是否正常等考量合格后值班经理会特批升级会员等级，相应的权益也同时上升。&/p>&p>3、上传人本着友好、合作、共建、共享的原则，请耐心仔细的查看《&a href=&https://www.jinchutou.com/i-143.html& target=&_blank&>违禁作品内容处理规则》；&/a>&a href=&https://www.jinchutou.com/i-143.html& target=&_blank&>https://www.jinchutou.com/i-143.html&/a>&/p>&p>4、上传人可以观注本站公告，查看其它被公示永久封禁的原因&a href=&https://www.jinchutou.com/news-1.html& target=&_blank&>https://www.jinchutou.com/news-1.html&/a>&/p>&p>5、其它问题可以参阅上传常见问题指引：&a href=&https://www.jinchutou.com/info-0-25-1.html& target=&_blank&>https://www.jinchutou.com/info-0-25-1.html&/a>&/p>" />网站已改版，请使用新地址访问：
wordCloud 百度echarts字符云的配置，以及通过ajax读取数据，动态添加到 中 JavaScript 246万源代码下载- www.pudn.com
&文件名称: wordCloud& & [
& & & & &&]
&&所属分类:
&&开发工具: HTML
&&文件大小: 27138 KB
&&上传时间:
&&下载次数: 0
&&提 供 者:
&详细说明：百度echarts字符云的配置，以及通过ajax读取数据，动态添加到字符云中-Baidu echarts character cloud configuration, as well as read data through ajax, dynamically added to the character cloud
文件列表(点击判断是否您需要的文件，如果是垃圾请在下面评价投诉):
&&wordCloud&&.........\.DS_Store&&__MACOSX&&........\wordCloud&&........\.........\._.DS_Store&&wordCloud\index.html&&.........\js&&.........\..\.DS_Store&&__MACOSX\wordCloud\js&&........\.........\..\._.DS_Store&&wordCloud\js\cloud.js&&.........\..\echarts&&.........\..\.......\.DS_Store&&__MACOSX\wordCloud\js\echarts&&........\.........\..\.......\._.DS_Store&&wordCloud\js\echarts\.editorconfig&&__MACOSX\wordCloud\js\echarts\._.editorconfig&&wordCloud\js\echarts\.gitignore&&__MACOSX\wordCloud\js\echarts\._.gitignore&&wordCloud\js\echarts\.jshintignore&&__MACOSX\wordCloud\js\echarts\._.jshintignore&&wordCloud\js\echarts\.jshintrc&&__MACOSX\wordCloud\js\echarts\._.jshintrc&&wordCloud\js\echarts\.npmignore&&__MACOSX\wordCloud\js\echarts\._.npmignore&&wordCloud\js\echarts\bower.json&&__MACOSX\wordCloud\js\echarts\._bower.json&&wordCloud\js\echarts\build&&.........\..\.......\.....\.DS_Store&&__MACOSX\wordCloud\js\echarts\build&&........\.........\..\.......\.....\._.DS_Store&&wordCloud\js\echarts\build\dist&&.........\..\.......\.....\....\.DS_Store&&__MACOSX\wordCloud\js\echarts\build\dist&&........\.........\..\.......\.....\....\._.DS_Store&&wordCloud\js\echarts\build\dist\chart&&.........\..\.......\.....\....\.....\bar.js&&__MACOSX\wordCloud\js\echarts\build\dist\chart&&........\.........\..\.......\.....\....\.....\._bar.js&&wordCloud\js\echarts\build\dist\chart\chord.js&&__MACOSX\wordCloud\js\echarts\build\dist\chart\._chord.js&&wordCloud\js\echarts\build\dist\chart\eventRiver.js&&__MACOSX\wordCloud\js\echarts\build\dist\chart\._eventRiver.js&&wordCloud\js\echarts\build\dist\chart\force.js&&__MACOSX\wordCloud\js\echarts\build\dist\chart\._force.js&&wordCloud\js\echarts\build\dist\chart\funnel.js&&__MACOSX\wordCloud\js\echarts\build\dist\chart\._funnel.js&&wordCloud\js\echarts\build\dist\chart\gauge.js&&__MACOSX\wordCloud\js\echarts\build\dist\chart\._gauge.js&&wordCloud\js\echarts\build\dist\chart\heatmap.js&&__MACOSX\wordCloud\js\echarts\build\dist\chart\._heatmap.js&&wordCloud\js\echarts\build\dist\chart\k.js&&__MACOSX\wordCloud\js\echarts\build\dist\chart\._k.js&&wordCloud\js\echarts\build\dist\chart\line.js&&__MACOSX\wordCloud\js\echarts\build\dist\chart\._line.js&&wordCloud\js\echarts\build\dist\chart\map.js&&__MACOSX\wordCloud\js\echarts\build\dist\chart\._map.js&&wordCloud\js\echarts\build\dist\chart\pie.js&&__MACOSX\wordCloud\js\echarts\build\dist\chart\._pie.js&&wordCloud\js\echarts\build\dist\chart\radar.js&&__MACOSX\wordCloud\js\echarts\build\dist\chart\._radar.js&&wordCloud\js\echarts\build\dist\chart\scatter.js&&__MACOSX\wordCloud\js\echarts\build\dist\chart\._scatter.js&&wordCloud\js\echarts\build\dist\chart\tree.js&&__MACOSX\wordCloud\js\echarts\build\dist\chart\._tree.js&&wordCloud\js\echarts\build\dist\chart\treemap.js&&__MACOSX\wordCloud\js\echarts\build\dist\chart\._treemap.js&&wordCloud\js\echarts\build\dist\chart\venn.js&&__MACOSX\wordCloud\js\echarts\build\dist\chart\._venn.js&&wordCloud\js\echarts\build\dist\chart\wordCloud.js&&__MACOSX\wordCloud\js\echarts\build\dist\chart\._wordCloud.js&&........\.........\..\.......\.....\....\._chart&&wordCloud\js\echarts\build\dist\echarts-all.js&&__MACOSX\wordCloud\js\echarts\build\dist\._echarts-all.js&&wordCloud\js\echarts\build\dist\echarts.js&&__MACOSX\wordCloud\js\echarts\build\dist\._echarts.js&&........\.........\..\.......\.....\._dist&&wordCloud\js\echarts\build\echarts-optimize-conf.js&&__MACOSX\wordCloud\js\echarts\build\._echarts-optimize-conf.js&&wordCloud\js\echarts\build\source&&.........\..\.......\.....\......\.DS_Store&&__MACOSX\wordCloud\js\echarts\build\source&&........\.........\..\.......\.....\......\._.DS_Store&&wordCloud\js\echarts\build\source\chart&&.........\..\.......\.....\......\.....\bar.js&&__MACOSX\wordCloud\js\echarts\build\source\chart&&........\.........\..\.......\.....\......\.....\._bar.js&&wordCloud\js\echarts\build\source\chart\chord.js&&__MACOSX\wordCloud\js\echarts\build\source\chart\._chord.js&&wordCloud\js\echarts\build\source\chart\eventRiver.js&&__MACOSX\wordCloud\js\echarts\build\source\chart\._eventRiver.js&&wordCloud\js\echarts\build\source\chart\force.js&&__MACOSX\wordCloud\js\echarts\build\source\chart\._force.js&&wordCloud\js\echarts\build\source\chart\funnel.js&&__MACOSX\wordCloud\js\echarts\build\source\chart\._funnel.js&&wordCloud\js\echarts\build\source\chart\gauge.js&&__MACOSX\wordCloud\js\echarts\build\source\chart\._gauge.js&&wordCloud\js\echarts\build\source\chart\heatmap.js&&__MACOSX\wordCloud\js\echarts\build\source\chart\._heatmap.js&&wordCloud\js\echarts\build\source\chart\k.js
&输入关键字，在本站246万海量源码库中尽情搜索：