🏝️ 环境要求
浏览器支持
图表基于 html5 canvas 构建,需要运行在支持 canvas 的浏览器上,如果需要运行在移动端,请用 webview 加载。
异常上报和埋点依赖 ⚠️
组件的异常监控和埋点依赖Skywalking和weblog,请检查项目是否接入下述SDK
<script type="text/javascript" src="//s.thsi.cn/cb?cd/weblog/0.0.1-alpha.41/weblog.js" crossorigin="anonymous"></script>
<script type="text/javascript" src="//s.thsi.cn/hxapp/m/base/js/skywalking.1.1.21.min.js" crossorigin="anonymous"></script>
由于Weblog依赖https环境,本地调试如需Https证书可点击下载
WARNING
- 组件会自动检测埋点和异常上报是否已经初始化,如果未初始化会自动初始化。
- 为避免业务的埋点和异常上报被组件覆盖,请保证weblog和skywalking的初始化在引用组件初始化之前,且SDK版本不低于上述版本。
兼容处理
core.js
图表内部集合使用Map
,用于兼容不支持的老版浏览器。
javascript
import 'core.js';
import { init } from 'klincharts';
Intl.js
图表依赖Intl
,某些浏览器无此 API。
javascript
import 'intl';
import 'intl/locale-data/jsonp/en';
import { init } from 'klincharts';