@gitlab/ui/dist/utils/charts/story_config.js

GitLab UI Components

import times from 'lodash/times';
import { colorFromDefaultPalette } from './theme';
import { marqueeSelectionSvgPath, redoSvgPath, clearAllSvgPath, downloadSvgPath } from '../svgs/svg_paths';

var toolbox = {
  feature: {
    dataZoom: {
      icon: {
        zoom: marqueeSelectionSvgPath,
        back: redoSvgPath
      }
    },
    restore: {
      icon: clearAllSvgPath
    },
    saveAsImage: {
      icon: downloadSvgPath
    }
  }
};
/**
 * Generates series data for usage in chart examples
 *
 * @param {Number} amount number of generated series
 * @returns {Array} generated series data
 */

var generateSeriesData = function generateSeriesData(amount) {
  var defaultData = [820, 932, 960, 1150, 1290, 1330, 1390];
  return times(amount, function (index) {
    return {
      color: colorFromDefaultPalette(index),
      data: defaultData.map(function (value) {
        return value * index;
      }),
      name: "Series ".concat(index + 1)
    };
  });
};

export { generateSeriesData, toolbox };