4分钟上手
获取 D3Charts
各版本说明
目前D3Charts一共提供 simple,basic,common,hq,和完整版 四种版本。如下是每个版本的区别(文件大小都为未gzip压缩前的大小):
- simple:仅包含 环状图、饼图、折线图、柱状图、散点图, 文件大小310KB左右
- basic:在simple版基础上,增加了对行情图的支持,大小为426KB左右
- hq:仅包含行情图, 文件大小396KB左右
- common:包含除了关系图、行情图、地图之外的所有类型, 文件大小439KB左右
- 完整版:包含所有类型的图表,文件大小733KB左右(不建议使用)
请按需使用对应版本。
引入方式
引入到自己的项目时,务必使用固定版本号,不可以使用latest版本,以保证代码稳定。引入格式类似下面这样:
0.4.29版本及以后:
//s.thsi.cn/cd/iwc-datav-d3-charts/d3_charts_0.4.31.simple.js
0.4.28版本及以前:
//s.thsi.cn/js/datav/charts/0.4.23/d3_charts.simple.js
引入 D3Charts, 并运行
<head>
<script src="http://s.thsi.cn/cd/iwc-datav-d3-charts/d3_charts_0.4.31.simple.js">
</script>
</head>
<body>
<div style="width:600px;height:350px;background:#fff" id="chart">
</div>
<script>
var option;
option = {
// 此处省略具体配置内容
}
var myChart = D3Charts.init("chart");
myChart.setOption(option);
</script>
</body>
关闭 D3Charts的埋点功能
为了统计组件库的应用数据,我们会在组件库中加入埋点
表现为使用组件库时,会向stat.10jqka.com.cn发起一个请求
当业务方制作B端项目时若对请求有限制要求,则可在组件库初始化时通过
D3Charts.track(false) 关闭埋点功能