tnfe / FFCreator

A fast video processing library based on node.js (一个基于node.js的高速视频制作库)
http://tnfe.github.io/FFCreator/
MIT License
2.83k stars 399 forks source link

echarts 图表在进行第二次生成视频时 没有动画 #277

Open kinginkingdom opened 2 years ago

kinginkingdom commented 2 years ago

增加echarts组件时node端第一次生成视频 图表的动画正常播放,再次进行生成时 图表的动画就消失了

   let option = {
    xAxis: {
      type: "category",
      boundaryGap: false,
      data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
    },
    yAxis: {
      type: "value",
    },
    series: [
      {
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: "line",
        areaStyle: {},
      },
    ],
  };

  let fchart = new FFChart({
    option,
    y: 337,
    x: 148,
    height: 249,
    width: 330,
    zIndex: 1,
  });

  fchart.update((chart) => {
    // chart.setOption(option);
  }, 1000);

  fchart.updateNow();

  scene.addChild(fchart);

`

kinginkingdom commented 2 years ago

第一次生成视频https://chinaipo-oss-video.oss-cn-shanghai.aliyuncs.com/aiVideo/20220920/2ue76bjkqjqkr4z6.mp4 后续生成视频https://chinaipo-oss-video.oss-cn-shanghai.aliyuncs.com/aiVideo/20220920/i68nejarh8gjj3qo.mp4

drawcall commented 2 years ago

How to call the regenerate function

kinginkingdom commented 2 years ago

我直接在视搭项目里增加了上述 echarts 配置 ,直接前端页面点生成,第一次视频echarts的动画是正常的,(不要重启后端server),再点生成就不行了,你可以试下

kinginkingdom commented 2 years ago

fchart.setFont(fontPath); 您好,问下ffchart 是否支持设置第三方字体 [FF] Creator production error. "Cannot set properties of undefined (setting 'font')"

drawcall commented 2 years ago

fchart.setFont(fontPath); 您好,问下ffchart 是否支持设置第三方字体 [FF] Creator production error. "Cannot set properties of undefined (setting 'font')"

支持设置字体 请查看教程

kinginkingdom commented 1 year ago

5BABDF53-96E8-403f-88AC-7BCAC42A9DA9

没有看到别的设置方法 ,这个属性不能使用

fchart.setFont(fontPath); 您好,问下ffchart 是否支持设置第三方字体 [FF] Creator production error. "Cannot set properties of undefined (setting 'font')"

支持设置字体 请查看教程

drawcall commented 1 year ago

https://github.com/tnfe/FFCreator/blob/master/examples/text.js

zhangkaich commented 1 year ago

我直接在视搭项目里增加了上述 echarts 配置 ,直接前端页面点生成,第一次视频echarts的动画是正常的,(不要重启后端server),再点生成就不行了,你可以试下

我也遇到了这个问题.请问解决了吗?

WoJoinGitHub commented 1 year ago

我直接在视搭项目里增加了上述 echarts 配置 ,直接前端页面点生成,第一次视频echarts的动画是正常的,(不要重启后端server),再点生成就不行了,你可以试下

我也遇到了这个问题.请问解决了吗?

同样的问题!