美文网首页
echarts series graph 缩放以后关系图箭头变得

echarts series graph 缩放以后关系图箭头变得

作者: _一九九一_ | 来源:发表于2019-10-24 10:48 被阅读0次

看问题

  • 当我关系图很复杂的情况


    初始化的图片
  • 然后需要放大看,但是一放大箭头指向就出现了bug,部分箭头不能正确的指出去
  • 本来以为是要缩放以后重绘的问题,发现并不是


    异常

直接说怎么解决,查阅文档以后发现了配置项,以下是部分配置

series[i]-graph.nodeScaleRatio number
[ default: 0.6 ]
鼠标漫游缩放时节点的相应缩放比例,当设为0时节点不随着鼠标的缩放而缩放

useEffect(() => {
    setOption({
      animationDurationUpdate: 1500,
      animationEasingUpdate: 'quinticInOut',
      series: [{
        nodeScaleRatio: 0,  // 设置为0
        zoom: 1,
        type: 'graph',
        layout: 'none',
        symbol: 'rect',
        symbolSize: 50,
        roam: true,
        ...

配置以后缩放箭头就可以正确指出去了

正常

相关文章

网友评论

      本文标题:echarts series graph 缩放以后关系图箭头变得

      本文链接:https://www.haomeiwen.com/subject/sidrvctx.html