Custom Decorations Demo

custom-decorations-settings-override.js

epiviz.EpiViz.SETTINGS.chartSettings = {
  default: {
    colors: new epiviz.ui.charts.ColorPalette(epiviz.Config.COLORS_BRIGHT),
    decorations: [
      'epiviz.ui.charts.decoration.RemoveChartButton',
      'epiviz.ui.charts.decoration.SaveChartButton',
      'epiviz.ui.charts.decoration.ChartColorsButton',
      'epiviz.ui.charts.decoration.CustomSettingsButton',
      'epiviz.ui.charts.decoration.ToggleTooltipButton',


      'epiviz.ui.charts.decoration.ChartTooltip',

      'epiviz.ui.charts.decoration.ChartLoaderAnimation'
    ]
  },

  plot: {
    width: 400,
    height: 400,
    margins: new epiviz.ui.charts.Margins(15, 30, 30, 15),
    decorations: [
      'epiviz.ui.charts.decoration.ChartResize'
    ]
  },

  track: {
    width: '100%',
    height: 90,
    margins: new epiviz.ui.charts.Margins(25, 20, 23, 10)
  },

  'epiviz.plugins.charts.GenesTrack': {
    height: 120,
    colors: new epiviz.ui.charts.ColorPalette([epiviz.Config.COLORS_MEDIUM[4], epiviz.Config.COLORS_MEDIUM[0], epiviz.Config.COLORS_MEDIUM[2], epiviz.Config.COLORS_MEDIUM[1], epiviz.Config.COLORS_MEDIUM[3], epiviz.Config.COLORS_MEDIUM[6], epiviz.Config.COLORS_MEDIUM[7]]),
    decorations: [
      'epiviz.ui.charts.decoration.EditCodeButton'
    ]
  },

  'epiviz.plugins.charts.ScatterPlot': {
    margins: new epiviz.ui.charts.Margins(15, 50, 50, 15)
  },

  'epiviz.plugins.charts.HeatmapPlot': {
    width: 800,
    height: 400,
    margins: new epiviz.ui.charts.Margins(80, 120, 40, 40),
    colors: new epiviz.ui.charts.ColorPalette(['#ffffff'].concat(epiviz.Config.COLORS_BRIGHT))
  }

};