Tui Chart依赖缺失咨询:是否存在依赖问题及具体缺失项
TUI Chart 基础示例依赖缺失问题解答
老兄,你遇到的确实是依赖缺失的问题!
你目前已经引入了TUI Chart的样式文件、核心JS文件,还有它依赖的Raphael绘图库,但漏掉了一个关键的基础工具库:tui-code-snippet。
为什么这个库必不可少?
TUI Chart内部大量使用了tui-code-snippet提供的工具函数,比如类型校验、DOM操作、事件处理等核心基础能力。没有它的话,Chart在初始化过程中会找不到对应的方法,直接抛出错误导致无法渲染。
解决办法
补充引入tui-code-snippet的脚本文件,它是TUI官方维护的配套工具库,和TUI Chart版本保持一致即可。
另外顺便提一句,你当前的data对象只定义了categories,完整的图表数据还需要包含series字段(比如折线图需要每个类别的数值),不过这是后续图表渲染的问题,先把依赖补全才能继续哦。
你的代码片段里的data结构示例:
var container = document.getElementById('chart-area'); var data = { categories: [ 'Monday (2 Apr)', 'Tuesday (3 Apr)', 'Wednesday ...' ] // 这里还需要添加series字段,比如: // series: [ // { name: '访问量', data: [120, 130, 150] } // ] }
内容的提问来源于stack exchange,提问作者JustM
相关产品推荐
相关产品推荐

