调试日志

概述 #

SmartChart 提供了两种调试方式:仪表盘级日志图形级 log() 函数。相比打开浏览器 F12 控制台,SmartChart 的内置日志系统更适合大屏开发场景,可以直接在页面上看到日志输出和图形序号,快速定位问题。


在仪表盘中开启日志显示 #

点击仪表盘顶部菜单中的日志开关,即可切换日志显示状态:

开启仪表盘日志

开启后,页面刷新或图形执行时,日志会直接显示在页面右下角,并标注出对应出错图形的序号,方便快速定位:

仪表盘日志显示效果


在图形中使用 log() 打印日志 #

SmartChart 提供了专用的 log() 函数,用法与 Python 的 print 类似(新版本已从 print 改为 log)。

// 打印变量值
log(dataset)

// 打印 ECharts 事件参数(鼠标悬停/点击时查看数据结构)
myChart__name__.on('mouseover', function(params) {
    log(params)   // 在编辑器和页面右下角都能看到 params 的完整结构
})

// 打印普通信息
log('当前城市:' + ds_param('city'))

图形中使用 log


log() 的智能开关机制 #

log() 函数与仪表盘的日志开关联动:

  • 仪表盘日志开启时log() 正常输出到页面右下角和浏览器控制台
  • 仪表盘日志关闭时log() 不会打印任何内容,不影响生产环境性能

这意味着你可以放心在代码中保留 log() 语句,上线后只需关闭仪表盘日志开关,调试代码无需清理。


实时坐标显示 #

利用日志功能还可以实现实时显示鼠标拖拽坐标,在精确定位图形元素位置时非常实用:

实时坐标显示


调试建议 #

场景 推荐方法
查看数据集结构 log(dataset)
查看 ECharts 事件参数 log(params) 放在事件回调中
查看当前全局参数 log(filter_param)
定位报错图形 开启仪表盘日志,日志区会显示出错图形序号
查看元素坐标 开启仪表盘日志,拖动元素时实时显示坐标
上线前 关闭仪表盘日志开关即可,无需修改代码