Appearance
图表
图表控件基于 ECharts 封装,用于渲染各类数据可视化图表。使用时需把控件拉入编辑区,然后在 JS 代码中调用初始化方法。
方法
renderEcharts
初始化并渲染 ECharts 图表。
语法:
js
renderEcharts(html_id, option, cb)参数:
| 参数名 | 类型 | 必填 | 说明 |
|---|---|---|---|
| html_id | string | 是 | 控件 ID |
| option | Object | 是 | 图表配置参数,详见 ECharts 官方文档 |
| cb | function | 否 | 初始化后回调,返回图表对象,可参照官方文档对图表进行操作 |
示例:
js
// 渲染柱状图
renderEcharts("chartBox", {
title: {
text: "销售统计"
},
xAxis: {
data: ["1月", "2月", "3月", "4月", "5月", "6月"]
},
yAxis: {},
series: [{
name: "销量",
type: "bar",
data: [5, 20, 36, 10, 10, 20]
}]
}, function(chart) {
// chart 为图表对象,可调用 ECharts API
console.log("图表初始化完成", chart);
});