Function chart

docs/ui/src/js/createChart.js:73–261

(selection)

      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);
          });
        }
        //
        // Create the plot.
        //
        let marginBottom = 16;
        let marginLeft = dest === `#sequentialRGBchart` || dest === '#divergingRGBchart' || dest === '#RGBchart' ? 0 : 36;

        let margin = {
          top: 8,
          right: 8,
          bottom: marginBottom,
          left: marginLeft
        };

        let innerwidth = width - margin.left - margin.right;
        let innerheight = height - margin.top - margin.bottom;

        let x_scale = d3
          .scaleLinear()
          .range([0, innerwidth])
          .domain([
            d3.min(datasets, function (d) {
              return d3.min(d.x);
            }),
            d3.max(datasets, function (d) {
              return d3.max(d.x);
            })
          ]);

        let y_scale = d3.scaleLinear().range([innerheight, 0]).domain([yMin, yMax]);

        let color_scale;
        if (!visColors) {
          color_scale = d3.scaleOrdinal(d3.schemeCategory10).domain(d3.range(datasets.length));
        } else {
          color_scale = () => {
            return visColors;
          };
        }
        let x_axis = d3.axisBottom(x_scale);

        let y_axis = d3.axisLeft(y_scale);

        let x_grid = d3.axisBottom(x_scale).tickSize(-innerheight).tickSizeOuter(0).tickFormat('');

        if (finiteScale) {