tooltip onShow 中调用另外一个canvas图表的绘制会出现问题 about f2 HOT 3 CLOSED

chartC = randerChartC(items[0].value);

chartC = randerChartC(items[0].value * 1);

if (chartC) chartC.clear();

var data = [
  {
    year: "人品",
    sales: 88
  },
  {
    year: "团队意识",
    sales: 92
  },
  {
    year: "学习能力",
    sales: 78
  },
  {
    year: "执行力",
    sales: 100
  },
  {
    year: "协调能力",
    sales: 82
  }
];
renderChartR();
var chartC = randerChartC(88);
function renderChartR() {
  var chart = new F2.Chart({
    id: "mountNode",
    width: 400,
    height: 200,
    pixelRatio: window.devicePixelRatio
  });

  chart.source(data, {
    sales: {
      nice: true,
      min: 0,
      max: 100
    }
  });
  chart.tooltip({
    triggerOn: ["click"],
    showItemMarker: false,
    onShow: function onShow(ev) {
      var items = ev.items;

      items[0].name = null;
      items[0].name = items[0].title;
      items[0].value = items[0].value;

      chartC = randerChartC(items[0].value * 1);
    }
  });
  chart
    .interval()
    .position("year*sales")
    .style({
      fill: "#3571db"
    });
  chart.render();
}

function randerChartC(num) {
  if (chartC) chartC.destroy();

  if (!num) return;
  var color;
  if (num >= 0 && num < 60) {
    color = "#fd452a";
  } else if (num >= 60 && num < 70) {
    color = "#303030";
  } else if (num >= 70 && num < 90) {
    color = "#357edb";
  } else if (num >= 90 && num <= 100) {
    color = "#02602e";
  }
  var data = [
    {
      x: "1",
      y: num
    }
  ];
  var chart = new F2.Chart({
    id: "jxpf",
    width: 175,
    height: 175,
    pixelRatio: window.devicePixelRatio
  });
  chart.source(data, {
    y: {
      max: 100,
      min: 0
    }
  });
  chart.axis(false);
  chart.tooltip(false);
  chart.coord("polar", {
    transposed: true,
    innerRadius: 0.8,
    radius: 0.85
  });
  chart.guide().arc({
    start: [0, 0],
    end: [1, 99.98],
    top: false,
    style: {
      lineWidth: 15,
      stroke: "#ccc"
    }
  });
  chart.guide().text({
    position: ["50%", "50%"],
    content: num + "分",
    style: {
      fontSize: 20,
      fill: color
    }
  });
  chart
    .interval()
    .position("x*y")
    .size(15)
    .style({
      fill: color
    })
    .animate({
      appear: {
        duration: 1200,
        easing: "cubicIn"
      }
    });
  chart.render();
  return chart;
}