@allurereport/web-allure2/src/plugins/widget-categories-trend/CategoriesTrendWidgetView.js

The static files for Allure Classic Report

import { View } from "backbone.marionette";
import { scaleOrdinal } from "d3-scale";
import { interpolateYlOrRd } from "d3-scale-chromatic";
import { range } from "underscore";
import TrendChartView from "@/components/graph-trend-chart/TrendChartView.js";
import { className, regions } from "@/decorators/index.js";
import template from "./CategoriesTrendWidgetView.hbs";
import "./styles.scss";

@regions({
  chart: ".categories-trend__chart",
})
@className("categories-trend")
class CategoriesTrendWidgetView extends View {
  template = template;

  onRender() {
    const keys = this.model.sortedKeysByLastValue();
    const colors = scaleOrdinal(range(0, 1, 1 / keys.length).map((d) => interpolateYlOrRd(1 - d)));
    this.showChildView(
      "chart",
      new TrendChartView({
        model: this.model,
        keys,
        colors,
        hideLines: true,
        hidePoints: true,
      }),
    );
  }
}

export default CategoriesTrendWidgetView;