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) 关闭埋点功能