使用c3可视化图表
使用c3可视化图表
提问于 2015-02-14 17:54:02
我正在尝试复制一些代码来生成一个使用c3的图表。但是，此脚本不呈现任何内容。为什么？( href中列出的文件位于同一个文件夹中)
<!DOCTYPE html>
<html>
<head>
<!-- Load c3.css -->
<link href="c3.css" rel="stylesheet" type="text/css">
<!-- Load d3.js and c3.js -->
<script src="d3.v3.min.js" charset="utf-8"></script>
<script src="c3.min.js"></script>
<meta charset="UTF-8">
<title>title </title>
</head>
<body>
<div id="chart"></div>
<script>
var chart = c3.generate({
bindto: '#chart',
data: {
columns: [
['data1', 30, 200, 100, 400, 150, 250],
['data2', 50, 20, 10, 40, 15, 25]
]
}
});
</script>
</body>回答 2
Stack Overflow用户
回答已采纳
发布于 2015-02-14 19:27:09
这是一个工作示例，因此，如果没有加载图表，那么您可能没有正确地引用库C3和D3。
如果缺少库，请检查浏览器的web控制台( Chrome 这里中的用法)。
检查以下步骤：
- 对于C3的安装，请遵循指南：http://c3js.org/gettingstarted.html
- 对于D3，您可以使用源远程连接：http://d3js.org/d3.v3.min.js
Stack Overflow用户
发布于 2016-03-03 13:21:31
对于任何遵循这个线程的其他人，我建议您可以使用以下内容传递网络(CDN)资源来加载D3.js和C3.js库：
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.css">
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.js"></script>我没有问题地将这些资源加载到文档的<head>部分，而是加载了图表。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28518454
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号