import {registerTemplate, Infographic} from '@antv/infographic'; // 注册自定义模版 registerTemplate('custom-template', { design: { structure: 'sequence-horizontal-zigzag', item: 'underline-text', }, }); const infographic = new Infographic({ // 其他配置项... template: 'custom-template', // 使用自定义模版 });

自定义模版

如果你不了解模版的概念，可以查看核心概念-模版

通过 registerTemplate 方法可以注册自定义模版，从而在信息图中使用。

import {registerTemplate, Infographic} from '@antv/infographic';

// 注册自定义模版
registerTemplate('custom-template', {
  design: {
    structure: 'sequence-horizontal-zigzag',
    item: 'underline-text',
  },
});

const infographic = new Infographic({
  // 其他配置项...
  template: 'custom-template', // 使用自定义模版
});

import {registerTemplate, Infographic} from '@antv/infographic';

// 注册自定义模版
registerTemplate('custom-template', {
  design: {
    structure: 'sequence-horizontal-zigzag',
    item: 'underline-text',
  },
});

const infographic = new Infographic({
  // 其他配置项...
  template: 'custom-template', // 使用自定义模版
});

上一章自定义数据项

下一章自定义主题