chart.js

define(['src/util/color'], function (Color) {
  return {
    getChart(x, y, options) {
      options = options || {};
      if (x.length !== y.length || y.length === 0) {
        throw new Error('Invalid data length');
      }
      let chart = {
        data: [],
        axis: [
          {
            label: options.xLabel || '',
          },
          {
            label: options.yLabel || '',
          },
        ],
      };

      let species = Object.keys(y[0]);
      let colors = Color.getDistinctColors(species.length);

      for (var i = 0; i < species.length; i++) {
        let data = {};
        chart.data.push(data);
        // eslint-disable-next-line no-loop-func
        data.y = y.map((y) => {
          return y[species[i]];
        });
        if (options.xLog) {
          data.x = x.map((v) => -Math.log10(v));
        } else {
          data.x = x;
        }
        data.label = species[i];
        data.xAxis = 0;
        data.yAxis = 1;
        data.defaultStyle = {
          lineColor: colors[i],
          lineWidth: 1,
        };
      }
      return chart;
    },
  };
});