1

我正在使用 ng2-nvd3 绘制散点图。我获取数据并以良好的格式创建数据对象。然后我创建了显示图表的选项。这些点已正确显示，但我有大黑色圆圈而不是普通圆圈。看图片图片大圆

我想要这个： 图片想要的

我不知道它是从哪里来的。我的组件中的代码： 生成数据

  generateData(groups, points) {
    let samples = points.sampleNames;
    points = points.pcaComponents;
    let data = [];
    for (let i = 0; i < groups; i++) {
      data.push({
        values: []
      });
      for (var j = 0; j < points.length; j++) {
        data[i].values.push({
          x: points[j][0], //PC1
          y: points[j][1], // PC2
          label: samples[j],
          size: Math.random(),
          shape: "circle"
        });
      }
    }
    return data;
  }

生成选项

scatterChart(pca) {
    return {
      chart: {
        type: "scatterChart",
        height: 450,
        color: d3.scale.category10().range(),
        interactive: true,
        showLegend: false,
        showLabels: false,
        scatter: {
          onlyCircles: false
        },
        showDistX: true,
        showDistY: true,
        duration: 350,
        xAxis: {
          axisLabel: "PC1 (" + pca.variance[0] + "%)",
          tickFormat: function(d) {
            return d3.format(".3g")(d);
          }
        },
        yAxis: {
          axisLabel: "PC2 (" + pca.variance[1] + "%)",
          tickFormat: function(d) {
            return d3.format(".3g")(d);
          },
          axisLabelDistance: -5
        }
      }
    };
  }

然后在 HTML 中：

<nvd3 [options]="chart" [data]="data"></nvd3>
4

0 回答 0