Skip to content

图表

图表控件基于 ECharts 封装,用于渲染各类数据可视化图表。使用时需把控件拉入编辑区,然后在 JS 代码中调用初始化方法。

方法

renderEcharts

初始化并渲染 ECharts 图表。

语法:

js
renderEcharts(html_id, option, cb)

参数:

参数名类型必填说明
html_idstring控件 ID
optionObject图表配置参数,详见 ECharts 官方文档
cbfunction初始化后回调,返回图表对象,可参照官方文档对图表进行操作

示例:

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);
});

基于 MIT 许可发布