Method getPlottingData

js/src/HeatMap.ts:150–208

()

  }

  private getPlottingData() {
    const xData: Array<number> = Array.from(this.model.mark_data.x).map(
      this.scales.x.scale
    );
    const yData: Array<number> = Array.from(this.model.mark_data.y).map(
      this.scales.y.scale
    );

    const xReverse = this.scales.x.model.get('reverse');
    const yReverse = this.scales.y.model.get('reverse');

    const padding = this.getPadding(xData, yData);

    const widths = this.computeRectSizes(xData, padding.left, padding.right);
    const heights = this.computeRectSizes(
      yData,
      padding.bottom,
      padding.top,
      true
    );

    const totalWidth = Math.abs(
      xData[xData.length - 1] - xData[0] + padding.left + padding.right
    );
    const totalHeight = Math.abs(
      yData[0] - yData[yData.length - 1] + padding.top + padding.bottom
    );

    const x0 = xData[0] - padding.left;
    const y0 = yData[yData.length - 1] - padding.top;

    const xStartPoints = xData.map((d, i) => {
      if (i == 0) {
        return 0;
      } else {
        return (d + xData[i - 1]) * 0.5 - x0;
      }
    });
    const yStartPoints = yData.map((d, i) => {
      if (i == yData.length - 1) {
        return 0;
      } else {
        return (d + yData[i + 1]) * 0.5 - y0;
      }
    });

    return {
      widths,
      heights,
      totalWidth,
      totalHeight,
      xOrigin: xReverse ? totalWidth : 0,
      yOrigin: yReverse ? totalHeight : 0,
      xStartPoints,
      yStartPoints,
      x0: xReverse ? x0 - totalWidth : x0,
      y0: yReverse ? y0 - totalHeight : y0,
    };