ECharts 图表 echarts
约 458 字大约 2 分钟
...
2026-09-28
插件说明
@sv-print/plugin-ele-echarts ECharts 图表打印元素插件：通过 echarts.init(el, null, { renderer: "svg" }) 以 SVG 矢量方式渲染图表，打印与导出无损缩放。
第三方依赖：echarts。
npm install @sv-print/plugin-ele-echarts示例代码
import pluginEcharts from '@sv-print/plugin-ele-echarts';
const plugins = [pluginEcharts({})];
await hiprint.register({ plugins }); // 须在创建模板/打开设计器之前拖入「ECharts」元素（默认 100x100），在参数 eChartsOption 中以函数字符串返回 ECharts 配置：
function (options, templateData, echarts, chart) {
let option = {
xAxis: { type: "category", data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"] },
yAxis: { type: "value" },
series: [{ data: [150, 230, 224, 218, 135, 147, 260], type: "line" }],
};
return option; // 必须返回 option 对象
}高级用法
元素参数
| 参数 | 说明 |
|---|---|
eChartsOption | 函数字符串，签名 (options, templateData, echarts, chart) => EChartsOption，必须返回 option 对象 |
说明
eChartsOption也可配置在元素类型（printElementType）上，元素参数优先- chart 实例挂在元素实例上（
element.chart），不是全局单例 - 拖拽缩放元素时自动重建图表实例并按新尺寸重绘
- 打印数据存在时自动关闭动画（
animation: false），避免打印/导出时动画未完成导致空白；设计态始终开启动画 - 配置错误无法渲染时元素内给出提示，错误输出到控制台
版权所有
版权归属：sv-print