Function createColorChart

docs/ui/src/js/createChart.js:291–494

(data, yLabel, xLabel, dest, yMin, yMax, colors, scaleType)

}

function createColorChart(data, yLabel, xLabel, dest, yMin, yMax, colors, scaleType) {
  let chartWidth, chartHeight;
  const windowWidth = window.innerWidth;

  let adjustedWidth, adjustedHeight;
  const maxWidth = 800;
  const minWidth = 200;
  const windowHeight = window.innerHeight;

  if (dest === `#${scaleType}InterpolationChart` || dest === `#${scaleType}InterpolationChart2` || dest === `#${scaleType}InterpolationChart3`) {
    let adjustedWidth = windowWidth - (388 + 34) - 8; // subtract panel width and padding from measurement
    let newMaxWidth = 476;
    adjustedWidth = adjustedWidth < newMaxWidth ? adjustedWidth : newMaxWidth;

    chartWidth = adjustedWidth;
    adjustedHeight = (windowHeight - 332) / 3;
    chartHeight = 196;
  } else {
    let newMaxWidth = 600;
    let adjustedWidth = windowWidth - 320 - panelsOffset - 48; // subtract panel width and padding from measurement
    let newAdjustedWidth = adjustedWidth < newMaxWidth ? adjustedWidth : newMaxWidth;

    let minHeight = 196;
    let dynamicHeight = window.innerHeight / 3 - 80; // subtract heading, tabs height and padding from measurement
    adjustedHeight = dynamicHeight < minHeight ? minHeight : dynamicHeight;

    chartWidth = newAdjustedWidth;
    chartHeight = adjustedHeight;
  }

  // Prevent negative values from being passed to the SVG attributes
  // by setting a min width for hte charts.
  if (chartWidth < minWidth) chartWidth = minWidth;

  let xy_chart = d3_xy_chart().width(chartWidth).height(chartHeight).xlabel(xLabel).ylabel(yLabel);

  let svg = d3.select(dest).append('svg').datum(data).call(xy_chart);

  function d3_xy_chart() {
    let width = chartWidth,
      height = chartHeight,
      xlabel = 'X Axis Label',
      ylabel = 'Y Axis Label';

    function chart(selection) {
      selection.each(function (datasets) {
        // If no min/max defined, base on min/max from data
        if (yMin == undefined) {
          yMin = d3.min(datasets, function (d) {
            return d3.min(d.y);
          });
        }
        if (yMax == undefined) {
          yMax = d3.max(datasets, function (d) {
            return d3.max(d.y);
          });
        }
        //