重新缩放图表以使其适合力图

时间:2019-04-09 16:08:39

标签: javascript echarts

我正在使用百度的eCharts创建一些网络/图形数据的力图。有没有办法让eCharts缩放/缩放以使我的所有节点都适合屏幕?

我所有的挖掘工作都产生了关于chart.resize()的一些线索,但这不是我要尝试的。我不是要调整实际容器的大小,只需调整图表内的缩放比例即可。

这是我的option对象:

option = {
  tooltip: {
    formatter: function (params, ticket, callback) {
      . . .
    }
  },
  legend: [{
    data: graph.categories.map(category => {
      return category.name;
    })
  }],
  animationDuration: 1500,
  animationEasingUpdate: 'quinticInOut',
  series: [{
    xedgeSymbol: ['none', 'arrow'],
    xedgeSymbolSize: 10,
    xname: 'Document',
    type: 'graph',
    layout: 'force',
    force: {
      initLayout: 'circular',
      edgeLength: 50,
      repulsion: [60, 80],
      gravity: 0.2,
      layoutAnimation: false
    },
    data: graph.nodes,
    links: graph.links,
    categories: graph.categories,
    roam: true,
    focusNodeAdjacency: !highlight.isEnabled,
    itemStyle: {
      normal: {
        borderColor: '#fff',
        borderWidth: 1,
        shadowBlur: 10,
        shadowColor: 'rgba(0, 0, 0, 0.3)'
      },
      emphasis: {
      }
    }
    label: {
      normal: {
        position: 'right',
        formatter: '{b}'
      }
    },
    lineStyle: {
      normal: {
        color: 'source',
        curveness: 0.2,
        width: 1
      },
      emphasis: {
        width: 8
      }
    }
  }]
};

谢谢!

0 个答案:

没有答案