下次自动登录
现在的位置:
javascript框架echarts插件实现超酷人立方效果图
最近由于项目需求，需要做一个类似人效果的网络关系效果，在查询许多文档后，发现百度出echarts开源组件非常的适合，而且加载速度很棒，echarts图形主要是使用html5的新特性的做的，使用到了canvas画板等。下面是我自己实现的一些过程和经验，供大家参考。
这里是echarts的网站：/doc/example.html
里面有详细的使用流程和例子，只要是稍微懂一些javascript就能看懂。
下载echarts的插件： 在项目中导入一下俩个文件
echarts-original.js
jquery-1.9.1.min.js
jQuery压缩文件
定义一个div容器，用来盛放echarts的图形，必须定义一个id。如下：
&div id="rel" style="height: 500 margin: 0"&&/div&
配置相关图形的属性，加载图形到容器中，启动图形。
详细如下：
&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml"&
&meta http-equiv="Content-Type" content="text/ charset=UTF-8" /&
&title&网络关系图&/title&
&script type="text/javascript" src="js/jquery-1.9.1.min.js"&&/script&
&script type="text/javascript" src="js/echarts/esl.js"&&/script&
&script type="text/javascript"&
function relativeWord() {
// 路径配置
require.config({
"echarts" : "js/echarts/echarts-original",
"echarts/chart/force" : "js/echarts/echarts-original"
require([ "echarts", "echarts/chart/force" ], function(ec) { // 使用力向图模块，按需加载
// 基于准备好的dom，初始化echarts图表
var myChart = ec.init(document.getElementById("rel"));
var option = {
text : "网络关系图",
subtext : "数据来源andy",
x : "right",
y : "bottom",
padding : [ 10, 30 ]
dataRange : {
color : [ '#1178ad', '#72bbd0' ]
tooltip : {
trigger : "item",
formatter : "{a0}:{b0}&br&关系值:{d}",
borderRadius : 3,
backgroundColor : "rgba(0,0,0,0.4)",
padding : 4,
axisPointer : {
type : 'none',
lineStyle : {
color : '#4b8',
width : 2,
type : 'dashed'
crossStyle : {
color : '#1e90ff',
width : 5,
type : 'dashed'
shadowStyle : {
size : 'auto',
color : 'rgba(150,150,150,0.3)'
color : [ '#33ff33', '#cc33ff' ],
legend : {
data : [ {
name : "中心词",
textStyle : {
color : "#33ff33"
name : "关系词",
textStyle : {
color : "#cc33ff"
series : [ {
type : "force",
name : "词关系",
categories : [ {
name : "中心词",
name : "关系词",
itemStyle : {
normal : {
show : true,
textStyle : {
color : "#FFF",
fontFamily : "微软雅黑",
fontSize : 12
nodeStyle : {
brushType : "both",
color : '#333333',
strokeColor : "rgba(255,215,0,0.4)",
lineWidth : 10
linkStyle : {
strokeColor : "#8cdfc3",
type : 'dashed',
lineWidth : 2
emphasis : {
show : false
// textStyle: null
// 默认使用全局文本样式，详见TEXTSTYLE
nodeStyle : {
//color:"#4B8"
useWorker : false,
minRadius : 25,
maxRadius : 35,
gravity : 0.4,
scaling : 1.5,
animation : true,
large : true,
useWorker : 20,
linkSymbol : "none",
nodes : [ {
"category" : 0,
"name" : '幸福',
"value" : 10
"category" : 1,
"name" : '你',
"value" : 4
"category" : 1,
"name" : '我',
"value" : 5
"category" : 1,
"name" : '他',
"value" : 4
"category" : 1,
"name" : '家',
"value" : 22
"category" : 1,
"name" : '微暖',
"value" : 3
"category" : 1,
"name" : '爱情',
"value" : 4
"category" : 1,
"name" : '友情',
"value" : 9
"category" : 1,
"name" : '情亲',
"value" : 11
"category" : 1,
"name" : '房子',
"value" : 14
"category" : 1,
"name" : '车',
"value" : 10
"category" : 1,
"name" : '美满',
"value" : 11
"category" : 1,
"name" : '健康',
"value" : 14
"category" : 1,
"name" : '事业',
"value" : 12
"category" : 1,
"name" : '别墅',
"value" : 10
links : [ {
source : '幸福',
target : '你',
weight : 2
source : '幸福',
target : '我',
weight : 9
source : '幸福',
target : '他',
weight : 11
source : '幸福',
target : '家',
weight : 2
source : '幸福',
target : '美满',
weight : 11
source : '幸福',
target : '健康',
weight : 14
source : '幸福',
target : '事业',
weight : 12
source : '幸福',
target : '别墅',
weight : 10
source : '你',
target : '车',
weight : 22
source : '你',
target : '微暖',
weight : 10
source : '你',
target : '房子',
weight : 8
source : '我',
target : '情亲',
weight : 5
source : '房子',
target : '情亲',
weight : 10
source : '车',
target : '家',
weight : 5
source : '幸福',
target : '房子',
weight : 7
source : '我',
target : '爱情',
weight : 9
source : '我',
target : '友情',
weight : 7
var ecConfig = require("echarts/config");
function focus(param) {
var data = param.
var links = option.series[0].
var nodes = option.series[0].
if (data.source !== undefined && data.target !== undefined) { //点击的是边
var sourceNode = nodes[data.source];
var targetNode = nodes[data.target];
console.log("选中了边 " + sourceNode.name + " -& "
+ targetNode.name + " (" + data.weight + ")");
} else { // 点击的是点
console.log("选中了" + data.name + "(" + data.value + ")");
console.log(param);
myChart.on(ecConfig.EVENT.CLICK, focus);
// 为echarts对象加载数据
myChart.setOption(option);
relativeWord();
&div style="margin: 20px 0 0 20 font-size: 14"&
&!-- 词网络容器 --&
&div id="rel" style="height: 500 margin: 0"&&/div&
其效果图入下：
&&&&推荐文章:
【上篇】【下篇】当前访客身份：游客 [
当前位置：
& 你好！我实在饼图中给添加了click事件，只不过是调用的方法还是执行的生成饼图，就会报错~~也不知道错在哪了，找了好久，只能麻烦你喽！
&script type=&text/javascript& src=&../../Scripts/jquery-1.4.1.min.js&&&/script& &&& &script src=&../../echarts/esl.js& type=&text/javascript&&&/script&& & &&& &h2&饼图-实现点击事件+提示框样式&/h2&&input type=&button& value=&请点击我& /& &&&& &!-- 为ECharts准备一个具备大小（宽高）的Dom --& &&& &div id=&main& style=&height:600width:800border:1px solid #e1e1e1;&&&/div& &&& &div id=&main1& style=&height:600width:800border:1px solid #e1e1e1; display:&&&/div& && & &&& &script type=&text/javascript&& &&&&&&& $(document).ready(function () {
&&&&&&&&&&& $(&input&).click(function () { &&&&&&&&&&&&&&& test1(1); &&&&&&&&&&& });
&&&&&&& }); &&&&&&& function test1(n) { &&&&&&&&&&& alert(n); &&&&&&&&&&& test(); &&&&&&& }
&&&&&&& function test() {
&&&&&&&&&&& require.config({ &&&&&&&&&&&&&&& paths: { &&&&&&&&&&&&&&&&&&& echarts: '../../echarts/echarts', &&&&&&&&&&&&&&&&&&& 'echarts/chart/map': '../../echarts/echarts-map' &&&&&&&&&&&&&&& } &&&&&&&&&&& });
&&&&&&&&&&& require( &&&&&&&&&&&&&&&&&&& [ &&&&&&&&&&&&&&&&&&&&&&& 'echarts', &&&&&&&&&&&&&&&&&&&&&&& 'echarts/chart/map' &&&&&&&&&&&&&&&&&&& ], &&&&&&&&&&&&&&& function (ec) {
&&&&&&&&&&&&&&&&&&& // 基于准备好的dom，初始化echarts图表 &&&&&&&&&&&&&&&&&&& var myChart = ec.init(document.getElementById('main')); &&&&&&&&&&&&&&&&&&& var myChart2 = ec.init(document.getElementById('main1'));
&&&&&&&&&&&&&&&&&&& option = { &&&&&&&&&&&&&&&&&&&&&&& tooltip: { &&&&&&&&&&&&&&&&&&&&&&&&&&& trigger: 'item', &&&&&&&&&&&&&&&&&&&&&&&&&&& formatter: &{a} &br/&{b} : {c} ({d}%)&, &&&&&&&&&&&&&&&&&&&&&&&&&&& borderWidth: 1, &&&&&&&&&&&&&&&&&&&&&&&&&&& borderColor: 'red', &&&&&&&&&&&&&&&&&&&&&&&&&&& borderRadius: 4, &&&&&&&&&&&&&&&&&&&&&&&&&&& backgroundColor: '#f1f1f1', &&&&&&&&&&&&&&&&&&&&&&&&&&& textStyle: { &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& color: 'green', &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& fontFamily: 'Arial', &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& fontSize: 14
&&&&&&&&&&&&&&&&&&&&&&&&&&& } &&&&&&&&&&&&&&&&&&&&&&& }, &&&&&&&&&&&&&&&&&&&&&&& legend: { &&&&&&&&&&&&&&&&&&&&&&&&&&& orient: 'vertical', &&&&&&&&&&&&&&&&&&&&&&&&&&& x: 'left', &&&&&&&&&&&&&&&&&&&&&&&&&&& data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎'] &&&&&&&&&&&&&&&&&&&&&&& }, &&&&&&&&&&&&&&&&&&&&&&& toolbox: { &&&&&&&&&&&&&&&&&&&&&&&&&&& show: true, &&&&&&&&&&&&&&&&&&&&&&&&&&& feature: { &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& mark: { show: true }, &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& dataView: { show: true, readOnly: false }, &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& restore: { show: true }, &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& saveAsImage: { show: true } &&&&&&&&&&&&&&&&&&&&&&&&&&& } &&&&&&&&&&&&&&&&&&&&&&& }, &&&&&&&&&&&&&&&&&&&&&&& calculable: true, &&&&&&&&&&&&&&&&&&&&&&& series: [ &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& { &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& name: '访问来源', &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& type: 'pie', &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& radius: ['50%', '70%'], &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& itemStyle: { &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& normal: { &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& label: { &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& show: false &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& }, &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& labelLine: { &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& show: false &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& } &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& }, &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& emphasis: { &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& label: { &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& show: true, &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& position: 'center', &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& textStyle: { &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& fontSize: '30', &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& fontWeight: 'bold' &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& } &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& } &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& } &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& }, &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& data: [ &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& { value: 335, name: '直接访问' }, &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& { value: 310, name: '邮件营销' }, &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& { value: 234, name: '联盟广告' }, &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& { value: 135, name: '视频广告' }, &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& { value: 1548, name: '搜索引擎' } &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& ] &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& } &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& ] &&&&&&&&&&&&&&&&&&& };
&&&&&&&&&&&&&&&&&&& var ecConfig = require('echarts/config'); &&&&&&&&&&&&&&&&&&& function eConsole(param) { &&&&&&&&&&&&&&&&&&&&&&& var str = param.name + &:& + param. &&&&&&&&&&&&&&&&&&&&&&& alert(str); &&&&&&&&&&&&&&&&&&&&&&& $(&#main1&).css({ &display&: &block& }); &&&&&&&&&&&&&&&&&&&&&&& test1(3); &&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&&&&&& myChart.on(ecConfig.EVENT.CLICK, eConsole); &&&&&&&&&&&&&&&&&&& //myChart.on(ecConfig.EVENT.PIE_SELECTED, eConsole2);
&&&&&&&&&&&&&&&&&&& myChart.setOption(option,true);
&&&&&&&&&&&&&&& }); &&&&&&& } &&& &/script&
下面是报错的地方：
---------------问题补充---------------
：要是不在执行那段，重新将图标放在别的div上，就是正常的，是什么原因导致的呢？
共有1个答案
<span class="a_vote_num" id="a_vote_num_
&script type=&text/javascript& src=&/doc/asset/js/jquery.js&&&/script&
& & &script src=&/doc/asset/js/esl/esl.js& type=&text/javascript&&&/script& &&
& & &h2&饼图-实现点击事件+提示框样式&/h2&&input type=&button& value=&请点击我& /&
& & &&!-- 为ECharts准备一个具备大小（宽高）的Dom --&
& & &div id=&main& style=&height:600width:800border:1px solid #e1e1e1;&&&/div&
& & &div id=&main1& style=&height:600width:800border:1px solid #e1e1e1; display:&&&/div&
& & &script type=&text/javascript&&
& & & & $(document).ready(function () {
& & & & & & $(&input&).click(function () {
& & & & & & & & test1(1);
& & & & & & });
& & & & });
& & & & function test1(n) {
& & & & & & alert(n);
& & & & & & test();
& & & & function test() {
& & & & & & require.config({
& & & & & & & & paths: {
& & & & & & & & & & echarts: '/doc/example/www/js/echarts-map',
& & & & & & & & & & 'echarts/chart/pie': '/doc/example/www/js/echarts-map',
& & & & & & & & & & 'echarts/chart/map': '/doc/example/www/js/echarts-map'
& & & & & & & & }
& & & & & & });
& & & & & & require(
& & & & & & & & & & [
& & & & & & & & & & & & 'echarts',
& & & & & & & & & & & & 'echarts/chart/pie',
& & & & & & & & & & & & 'echarts/chart/map'
& & & & & & & & & & ],
& & & & & & & & function (ec) {
& & & & & & & & & & // 基于准备好的dom，初始化echarts图表
& & & & & & & & & & var myChart = ec.init(document.getElementById('main'));
& & & & & & & & & & var myChart2 = ec.init(document.getElementById('main1'));
& & & & & & & & & & option = {
& & & & & & & & & & & & tooltip: {
& & & & & & & & & & & & & & trigger: 'item',
& & & & & & & & & & & & & & formatter: &{a} &br/&{b} : {c} ({d}%)&,
& & & & & & & & & & & & & & borderWidth: 1,
& & & & & & & & & & & & & & borderColor: 'red',
& & & & & & & & & & & & & & borderRadius: 4,
& & & & & & & & & & & & & & backgroundColor: '#f1f1f1',
& & & & & & & & & & & & & & textStyle: {
& & & & & & & & & & & & & & & & color: 'green',
& & & & & & & & & & & & & & & & fontFamily: 'Arial',
& & & & & & & & & & & & & & & & fontSize: 14
& & & & & & & & & & & & & & }
& & & & & & & & & & & & },
& & & & & & & & & & & & legend: {
& & & & & & & & & & & & & & orient: 'vertical',
& & & & & & & & & & & & & & x: 'left',
& & & & & & & & & & & & & & data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
& & & & & & & & & & & & },
& & & & & & & & & & & & toolbox: {
& & & & & & & & & & & & & & show: true,
& & & & & & & & & & & & & & feature: {
& & & & & & & & & & & & & & & & mark: { show: true },
& & & & & & & & & & & & & & & & dataView: { show: true, readOnly: false },
& & & & & & & & & & & & & & & & restore: { show: true },
& & & & & & & & & & & & & & & & saveAsImage: { show: true }
& & & & & & & & & & & & & & }
& & & & & & & & & & & & },
& & & & & & & & & & & & calculable: true,
& & & & & & & & & & & & series: [
& & & & & & & & & & & & & & & & & & {
& & & & & & & & & & & & & & & & & & & & name: '访问来源',
& & & & & & & & & & & & & & & & & & & & type: 'pie',
& & & & & & & & & & & & & & & & & & & & radius: ['50%', '70%'],
& & & & & & & & & & & & & & & & & & & & itemStyle: {
& & & & & & & & & & & & & & & & & & & & & & normal: {
& & & & & & & & & & & & & & & & & & & & & & & & label: {
& & & & & & & & & & & & & & & & & & & & & & & & & & show: false
& & & & & & & & & & & & & & & & & & & & & & & & },
& & & & & & & & & & & & & & & & & & & & & & & & labelLine: {
& & & & & & & & & & & & & & & & & & & & & & & & & & show: false
& & & & & & & & & & & & & & & & & & & & & & & & }
& & & & & & & & & & & & & & & & & & & & & & },
& & & & & & & & & & & & & & & & & & & & & & emphasis: {
& & & & & & & & & & & & & & & & & & & & & & & & label: {
& & & & & & & & & & & & & & & & & & & & & & & & & & show: true,
& & & & & & & & & & & & & & & & & & & & & & & & & & position: 'center',
& & & & & & & & & & & & & & & & & & & & & & & & & & textStyle: {
& & & & & & & & & & & & & & & & & & & & & & & & & & & & fontSize: '30',
& & & & & & & & & & & & & & & & & & & & & & & & & & & & fontWeight: 'bold'
& & & & & & & & & & & & & & & & & & & & & & & & & & }
& & & & & & & & & & & & & & & & & & & & & & & & }
& & & & & & & & & & & & & & & & & & & & & & }
& & & & & & & & & & & & & & & & & & & & },
& & & & & & & & & & & & & & & & & & & & data: [
& & & & & & & & & & & & & & & & & & & & & & { value: 335, name: '直接访问' },
& & & & & & & & & & & & & & & & & & & & & & { value: 310, name: '邮件营销' },
& & & & & & & & & & & & & & & & & & & & & & { value: 234, name: '联盟广告' },
& & & & & & & & & & & & & & & & & & & & & & { value: 135, name: '视频广告' },
& & & & & & & & & & & & & & & & & & & & & & { value: 1548, name: '搜索引擎' }
& & & & & & & & & & & & & & & & & & & & ]
& & & & & & & & & & & & & & & & & & }
& & & & & & & & & & & & & & & & ]
& & & & & & & & & & };
& & & & & & & & & & var ecConfig = require('echarts/config');
& & & & & & & & & & function eConsole(param) {
& & & & & & & & & & & & var str = param.name + &:& + param.
& & & & & & & & & & & & alert(str);
& & & & & & & & & & & & $(&#main1&).css({ &display&: &block& });
& & & & & & & & & & & &
setTimeout(function(){test1(3);},200);
& & & & & & & & & & }
& & & & & & & & & & myChart.on(ecConfig.EVENT.CLICK, eConsole);
& & & & & & & & & & //myChart.on(ecConfig.EVENT.PIE_SELECTED, eConsole2);
& & & & & & & & & & myChart.setOption(option,true);
& & & & & & & & });
& & &/script&
--- 共有 1 条评论 ---
3q,你上面的回答；
在同一个div标签上切换饼图和折线图，就会报错，
错误是：行：30
错误：无法获取属性“removeChild”的值；对象为null或未定义
这个错误是什么原因呢？？
(2年前)&nbsp&
更多开发者职位上
有什么技术问题吗？
雨路亦露的其它问题
类似的话题ECharts 点击事件 - IT工作生活这点事
你现在的位置：
浏览：10℃ 分类:
程序员成长系列
浏览：42℃ 分类:
作者: IT小兵 | 分类:
在上一篇文章：ECharts--完善的人物关系图-连线点击事件/样式/标注文字及源代码&中说明在echarts力导向布局图中增加连线点击事件/样式/标注文字及源代码。今天介绍一下怎么给echarts力导向布局图增加滚动条。全部
作者: IT小兵 | 分类:
在上一篇文章：ECharts教程--基于力导向布局图功能更完善的人物关系图插件扩展开发（2）&中说明在echarts力导向布局图中增加节点样式和点击事件的代码。今天这篇，主要介绍定义连线点击事件/样式/标注文字及源代码。全部的
作者: IT小兵 | 分类:
在上一篇文章：ECharts教程--基于力导向布局图功能更完善的人物关系图插件扩展开发（1）&分析了现在echarts提供的功能的缺点，和我们团队将会使用和扩展的功能。今天这篇，主要介绍定义节点的样式方法和实现节点的点击事件。
作者: IT小兵 | 分类:
Jquery/Jquery Mobile
在前几篇文章中，介绍了echarts的部署和使用方法，参考：[基于html5、js的超强报表控件Echarts系列教程（1）-与其他报表的区别和介绍][基于html5、js的超强报表控件Echarts系列教程（2）-使用及环境部署][基
给您更多信息和帮助
在这里您可以找到更多: 技术交流群:
投稿：承接：企业网站门户/微网站/微商城/CMS系统/微信公众号运营/业务咨询
微信扫一扫，徜徉悠嘻网，您的休闲乐园
技术交流群:
承接业务：企业网站门户/微网站/微商城/CMS系统/微信公众号运营/业务咨询等&&&&echarts点击事件
&echarts点击事件
echarts折线图markpoint点击事件
若举报审核通过，可奖励20下载分
被举报人：
举报的资源分：
请选择类型
资源无法下载
资源无法使用
标题与实际内容不符
含有危害国家安全内容
含有反动色情等内容
含广告内容
版权问题，侵犯个人或公司的版权
*详细原因：
您可能还需要
Q.为什么我点的下载下不了，但积分却被扣了
A. 由于下载人数众多，下载服务器做了并发的限制。若发现下载不了，请稍后再试，多次下载是不会重复扣分的。
Q.我的积分不多了，如何获取积分？
A. 获得积分，详细见。
完成任务获取积分。
论坛可用分兑换下载积分。
第一次绑定手机，将获得5个C币，C币可。
关注并绑定CSDNID，送10个下载分
下载资源意味着您已经同意遵守以下协议
资源的所有权益归上传用户所有
未经权益所有人同意，不得将资源中的内容挪作商业或盈利用途
CSDN下载频道仅提供交流平台，并不能对任何下载资源负责
下载资源中如有侵权或不适当内容，
本站不保证本站提供的资源的准确性，安全性和完整性，同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
开发技术下载排行
积分不够下载该资源
如何快速获得积分？
你下载资源过于频繁，请输入验证码
如何快速获得积分？
你已经下载过该资源，再次下载不需要扣除积分
echarts点击事件
所需积分：5
剩余积分：0
扫描微信二维码精彩活动、课程更新抢先知
VIP会员，免积分下载
会员到期时间：日
剩余下载次数：1000
VIP服务公告: