EodashChart ​

A chart panel for process output. It wraps eox-chart and renders a Vega-Lite chart whenever EodashProcess has produced a chart spec and data (shared through the eodash store). A toggle button expands the chart into a dedicated full-area layout or collapses it back in place.

Example ​

A standalone chart placed in the dashboard grid:

js
{
  id: "chart",
  title: "Chart",
  type: "internal",
  layout: { x: 0, y: 8, w: 9, h: 4 },
  widget: {
    name: "EodashChart",
    properties: {},
  },
}

A compare-mode chart, reading the compare process output (see compare mode):

js
widget: {
  name: "EodashChart",
  properties: {
    enableCompare: true,
    vegaEmbedOptions: { actions: false },
  },
}

Properties ​

enableCompare? ​

ts
optional enableCompare?: boolean = false;

vegaEmbedOptions ​

ts
vegaEmbedOptions: EmbedOptions<string, Renderers>;

See also ​