E-Chart插入动态的背景图

第一步,插入图片
第二部,更改图片

option = {
  graphic: [

    {
      type: 'group',
      id: 'textGroup2',
      left: 100,
      bottom: 1000,
      children: [
        {
          type: 'image',
          z: 0,
          top: 'top',
          left: 'center',
          style: {
            image: 'https://t7.baidu.com/it/u=4036010509,3445021118&fm=193&f=GIF'
          }
        }
      ]
    }
    
  ]
};
var rotation = 0;
setInterval(function () {
  rotation = (rotation + Math.PI / 300) % (Math.PI * 2);
  myChart.setOption({
    graphic: [
      {
        id: 'textGroup1',
        //rotation: rotation
        children: [
        {
          style: {
            image:'https://t7.baidu.com/it/u=4036010509,3445021118&fm=193&f=GIF'}
        }
        ]
        
      },
      {
        id: 'textGroup2',
        //rotation: rotation
                children: [
        {
          style: {
            image:'https://t7.baidu.com/it/u=963301259,1982396977&fm=193&f=GIF'}
        }
        ]
        
      }
    ]
  });
}, 20);


效果如下图

E-Chart插入动态的背景图_第1张图片

你可能感兴趣的:(E-Chart,前端,javascript,html)