Google chrome 当超过10个数据对时，Chrome中的酒窝折线图无法正确绘制

我已经创建了一个JSFIDLE，可以让您看到我的问题。问题只发生在Chrome中。最新版本的Safari，IE，FF工作完美。这是一个已知的问题吗？有办法吗？没有酒窝的D3效果很好。任何关于工作环境的想法或知识都会很好

`var data1=[{距离：31，方差：0.11}， {距离：92，方差：0.38}， {距离：153，方差：0.84}， {距离：214，方差：1.55}， {距离：276，方差：2.34}， {距离：337，方差：3.04}， {距离：398，方差：3.86}， {距离：459，方差：4.6}， {距离：521，方差：5.16}， {距离：582，方差：6.09}， ] var data2=[{距离：31，方差：0.11}， {距离：92，方差：0.38}， {距离：153，方差：0.84}， {距离：214，方差：1.55}， {距离：276，方差：2.34}， {距离：337，方差：3.04}， {距离：398，方差：3.86}， {距离：459，方差：4.6}， {距离：521，方差：5.16}， {距离：582，方差：6.09}， {距离：643，方差：6.89}， ]

var svg = dimple.newSvg("#chartContainer", 600,600);

  var myChart = new dimple.chart(svg);
  myChart.setBounds(90, 35, 480, 400)
  xAxis = myChart.addMeasureAxis("x", "distance");
  yAxis = myChart.addMeasureAxis("y", "variance");
  xAxis.showGridlines = true;
  yAxis.ticks = 5 
  xAxis.ticks = 5 
  s1 = myChart.addSeries(["distance","perf_1"], dimple.plot.line, [xAxis, yAxis]);
  s1.data = data1
  s1.lineMarkers = true;
  s2 = myChart.addSeries(["distance","perf_2"], dimple.plot.line, [xAxis, yAxis]);
  s2.data = data2
  myChart.addLegend(90, 480, 330, 20, "left");
  myChart.draw();`

---

问题不在于数据，而在于addSeries调用。我在这里对它们进行了调整：

参见小提琴：

当你传递一个数组['distance'，'perf1']时，它希望每个数组都是一列，它的副作用是创建一个图例

如果希望有两个轴相似的序列，只需在数据集字段名perf中添加一列，值为'perf1'，'perf2'，这将为您提供所需的内容

为便于说明，调整后的值略有不同

var data1 = [{"perf": 'perf1', "distance":"31","variance":0.11},
     {"perf": 'perf1', "distance":"92","variance":0.38},
     {"perf": 'perf1', "distance":"153","variance":0.84},
     {"perf": 'perf2', "distance":"31","variance":0.12},
         {"perf": 'perf2', "distance":"94","variance":0.38},
         {"perf": 'perf2', "distance":"150","variance":0.87},
         ]

var svg = dimple.newSvg("#chartContainer", 600,600);

  var myChart = new dimple.chart(svg);
  myChart.setBounds(90, 35, 480, 400)
  xAxis = myChart.addMeasureAxis("x", "distance");
  yAxis = myChart.addMeasureAxis("y", "variance");
  xAxis.showGridlines = true;
  yAxis.ticks = 5 
  xAxis.ticks = 5 
  s1 = myChart.addSeries(["distance", 'perf'], dimple.plot.line, [xAxis, yAxis]);
  s1.data = data1
  s1.lineMarkers = true;
  myChart.addLegend(90, 480, 330, 20, "left");
  myChart.draw();