-
diff --git a/packages/sdk-ui/src/pivot-table/helpers/prepare-pivot-styling-props.ts b/packages/sdk-ui/src/pivot-table/helpers/prepare-pivot-styling-props.ts
index c9c68bd6..a8a894c0 100644
--- a/packages/sdk-ui/src/pivot-table/helpers/prepare-pivot-styling-props.ts
+++ b/packages/sdk-ui/src/pivot-table/helpers/prepare-pivot-styling-props.ts
@@ -4,10 +4,31 @@ import { getDarkFactor, getSlightlyDifferentColor, toColor } from '@/utils/color
const PIVOT_DEFAULT_BORDER_COLOR = '#cbced7';
const PIVOT_DEFAULT_HIGHLIGHT_COLOR = '#ffff9c';
+export type PivotStylingProps = {
+ fontFamily?: string;
+ textColor?: string;
+ backgroundColor?: string;
+ borderColor?: string;
+ fillColor?: string;
+ additionalFillColor?: string;
+ fillOptions: {
+ alternatingRows?: boolean;
+ alternatingColumns?: boolean;
+ columnsHeaders?: boolean;
+ rowMembers?: boolean;
+ totals?: boolean;
+ };
+ rowHeight?: number;
+ isAutoHeight: boolean;
+ navigationPrimaryColor?: string;
+ navigationSecondaryColor?: string;
+ selectionColor: string;
+};
+
export function preparePivotStylingProps(
styleOptions?: PivotTableStyleOptions,
themeSettings?: CompleteThemeSettings,
-) {
+): PivotStylingProps {
let fillColor;
let additionalFillColor;
if (themeSettings?.chart?.backgroundColor) {
diff --git a/packages/sdk-ui/src/pivot-table/hooks/__snapshots__/use-pivot-table-data-options-internal.test.ts.snap b/packages/sdk-ui/src/pivot-table/hooks/__snapshots__/use-pivot-table-data-options-internal.test.ts.snap
new file mode 100644
index 00000000..09c54cb1
--- /dev/null
+++ b/packages/sdk-ui/src/pivot-table/hooks/__snapshots__/use-pivot-table-data-options-internal.test.ts.snap
@@ -0,0 +1,75 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`usePivotTableDataOptionsInternal > should correctly translate dataOptions into internalDataOptions 1`] = `
+{
+ "columns": [
+ {
+ "__serializable": "DimensionalElement",
+ "desc": "",
+ "expression": "[Commerce.Gender]",
+ "name": "Gender",
+ "type": "text-attribute",
+ },
+ ],
+ "grandTotals": {
+ "columns": true,
+ "rows": true,
+ "title": "Grand Total",
+ },
+ "rows": [
+ {
+ "__serializable": "DimensionalElement",
+ "desc": "",
+ "expression": "[Category.Category]",
+ "name": "Category",
+ "type": "text-attribute",
+ },
+ {
+ "__serializable": "DimensionalElement",
+ "desc": "",
+ "expression": "[Commerce.Age Range]",
+ "name": "AgeRange",
+ "type": "text-attribute",
+ },
+ {
+ "__serializable": "DimensionalElement",
+ "desc": "",
+ "expression": "[Commerce.Condition]",
+ "name": "Condition",
+ "type": "text-attribute",
+ },
+ ],
+ "values": [
+ {
+ "__serializable": "DimensionalElement",
+ "aggregation": "sum",
+ "attribute": {
+ "__serializable": "DimensionalElement",
+ "desc": "",
+ "expression": "[Commerce.Cost]",
+ "name": "Cost",
+ "type": "numeric-attribute",
+ },
+ "desc": "",
+ "name": "Total Cost",
+ "sort": 0,
+ "type": "basemeasure",
+ },
+ {
+ "__serializable": "DimensionalElement",
+ "aggregation": "sum",
+ "attribute": {
+ "__serializable": "DimensionalElement",
+ "desc": "",
+ "expression": "[Commerce.Revenue]",
+ "name": "Revenue",
+ "type": "numeric-attribute",
+ },
+ "desc": "",
+ "name": "Total Revenue",
+ "sort": 0,
+ "type": "basemeasure",
+ },
+ ],
+}
+`;
diff --git a/packages/sdk-ui/src/pivot-table/use-apply-pivot-table-formatting.test.ts b/packages/sdk-ui/src/pivot-table/hooks/use-apply-pivot-table-formatting.test.ts
similarity index 73%
rename from packages/sdk-ui/src/pivot-table/use-apply-pivot-table-formatting.test.ts
rename to packages/sdk-ui/src/pivot-table/hooks/use-apply-pivot-table-formatting.test.ts
index 2658cf07..f572b3f8 100644
--- a/packages/sdk-ui/src/pivot-table/use-apply-pivot-table-formatting.test.ts
+++ b/packages/sdk-ui/src/pivot-table/hooks/use-apply-pivot-table-formatting.test.ts
@@ -4,20 +4,21 @@ import {
EVENT_HEADER_CELL_FORMAT,
type DataService,
} from '@sisense/sdk-pivot-client';
-import { ClientApplication } from '../app/client-application';
-import { useSisenseContextMock } from '../sisense-context/__mocks__/sisense-context';
+
import { useApplyPivotTableFormatting } from './use-apply-pivot-table-formatting';
-import { type PivotTableDataOptions } from '..';
+import { useSisenseContextMock } from '@/sisense-context/__mocks__/sisense-context';
+import type { PivotTableDataOptions } from '@/chart-data-options/types';
+import type { ClientApplication } from '@/app/client-application';
-vi.mock('../sisense-context/sisense-context');
+vi.mock('@/sisense-context/sisense-context');
const dataCellFormatterMock = vi.fn();
-vi.mock('./formatters/data-cell-formatters', () => ({
+vi.mock('../formatters/data-cell-formatters', () => ({
createDataCellValueFormatter: vi.fn(() => dataCellFormatterMock),
}));
const headerCellFormatterMock = vi.fn();
-vi.mock('./formatters/header-cell-formatters', () => ({
+vi.mock('../formatters/header-cell-formatters', () => ({
createHeaderCellValueFormatter: vi.fn(() => headerCellFormatterMock),
}));
@@ -32,9 +33,8 @@ describe('useApplyPivotTableFormatting', () => {
beforeEach(() => {
useSisenseContextMock.mockReturnValue({
- app: {} as ClientApplication,
+ app: { settings: { trackingConfig: { enabled: false } } } as ClientApplication,
isInitialized: true,
- enableTracking: false,
});
DataServiceMock.on.mockClear();
dataCellFormatterMock.mockClear();
@@ -42,17 +42,24 @@ describe('useApplyPivotTableFormatting', () => {
});
it('should run data cell value formatter', () => {
+ expect(dataCellFormatterMock).toHaveBeenCalledTimes(0);
+ expect(headerCellFormatterMock).toHaveBeenCalledTimes(0);
+
renderHook(() => useApplyPivotTableFormatting({ dataService, dataOptions }));
+ const cell = {};
const [event, handler] = DataServiceMock.on.mock.calls[0];
expect(event).toBe(EVENT_DATA_CELL_FORMAT);
- handler();
+ handler(cell);
expect(dataCellFormatterMock).toHaveBeenCalledTimes(1);
});
it('should run header cell value formatter', () => {
+ expect(dataCellFormatterMock).toHaveBeenCalledTimes(0);
+ expect(headerCellFormatterMock).toHaveBeenCalledTimes(0);
+
const cell = {};
renderHook(() => useApplyPivotTableFormatting({ dataService, dataOptions }));
diff --git a/packages/sdk-ui/src/pivot-table/use-apply-pivot-table-formatting.ts b/packages/sdk-ui/src/pivot-table/hooks/use-apply-pivot-table-formatting.ts
similarity index 91%
rename from packages/sdk-ui/src/pivot-table/use-apply-pivot-table-formatting.ts
rename to packages/sdk-ui/src/pivot-table/hooks/use-apply-pivot-table-formatting.ts
index ca5a31b1..fc854aba 100644
--- a/packages/sdk-ui/src/pivot-table/use-apply-pivot-table-formatting.ts
+++ b/packages/sdk-ui/src/pivot-table/hooks/use-apply-pivot-table-formatting.ts
@@ -9,8 +9,8 @@ import over from 'lodash/over';
import { type PivotTableDataOptions } from '@/chart-data-options/types';
import { applyDateFormat } from '@/query/date-formats';
import { useSisenseContext } from '@/sisense-context/sisense-context';
-import { createDataCellValueFormatter, createHeaderCellValueFormatter } from './formatters';
-import { createHeaderCellHighlightFormatter } from './formatters/header-cell-formatters/header-cell-highlight-formatter';
+import { createDataCellValueFormatter, createHeaderCellValueFormatter } from '../formatters';
+import { createHeaderCellHighlightFormatter } from '../formatters/header-cell-formatters/header-cell-highlight-formatter';
/**
* A hook that applies formatting over pivot table cells.
diff --git a/packages/sdk-ui/src/pivot-table/use-get-pivot-table-query.test.ts b/packages/sdk-ui/src/pivot-table/hooks/use-get-pivot-table-query.test.ts
similarity index 80%
rename from packages/sdk-ui/src/pivot-table/use-get-pivot-table-query.test.ts
rename to packages/sdk-ui/src/pivot-table/hooks/use-get-pivot-table-query.test.ts
index c8e644f6..5efd6bbb 100644
--- a/packages/sdk-ui/src/pivot-table/use-get-pivot-table-query.test.ts
+++ b/packages/sdk-ui/src/pivot-table/hooks/use-get-pivot-table-query.test.ts
@@ -1,15 +1,15 @@
import { usePivotTableQuery } from './use-get-pivot-table-query';
import { EMPTY_PIVOT_QUERY_RESULT_DATA } from '@sisense/sdk-data';
import { renderHook, waitFor } from '@testing-library/react';
-import { ClientApplication } from '../app/client-application';
-import { useSisenseContextMock } from '../sisense-context/__mocks__/sisense-context';
-import { executePivotQueryMock } from '../query/__mocks__/execute-query';
-import { mockPivotTableProps } from './__mocks__/mocks';
+import { ClientApplication } from '../../app/client-application';
+import { useSisenseContextMock } from '../../sisense-context/__mocks__/sisense-context';
+import { executePivotQueryMock } from '../../query/__mocks__/execute-query';
+import { mockPivotTableProps } from '../__mocks__/mocks';
import { translatePivotTableDataOptions } from '@/chart-data-options/translate-data-options';
import { type JaqlQueryPayload, type QueryExecutionConfig } from '@sisense/sdk-query-client';
-vi.mock('../query/execute-query');
-vi.mock('../sisense-context/sisense-context');
+vi.mock('@/query/execute-query');
+vi.mock('@/sisense-context/sisense-context');
const usePivotTableQueryPropsMock = {
dataSet: mockPivotTableProps.dataSet,
@@ -21,9 +21,8 @@ describe('usePivotTableQuery', () => {
beforeEach(() => {
executePivotQueryMock.mockClear();
useSisenseContextMock.mockReturnValue({
- app: {} as ClientApplication,
+ app: { settings: { trackingConfig: { enabled: false } } } as ClientApplication,
isInitialized: true,
- enableTracking: false,
});
});
diff --git a/packages/sdk-ui/src/pivot-table/use-get-pivot-table-query.ts b/packages/sdk-ui/src/pivot-table/hooks/use-get-pivot-table-query.ts
similarity index 89%
rename from packages/sdk-ui/src/pivot-table/use-get-pivot-table-query.ts
rename to packages/sdk-ui/src/pivot-table/hooks/use-get-pivot-table-query.ts
index abb0fee3..20ac15ac 100644
--- a/packages/sdk-ui/src/pivot-table/use-get-pivot-table-query.ts
+++ b/packages/sdk-ui/src/pivot-table/hooks/use-get-pivot-table-query.ts
@@ -1,12 +1,13 @@
import { useCallback, useState } from 'react';
import { type JaqlRequest } from '@sisense/sdk-pivot-client';
import type { DataSource, Filter, FilterRelations } from '@sisense/sdk-data';
-import { ExecutePivotQueryParams } from '../query-execution';
-import { useExecutePivotQueryInternal } from '../query-execution/use-execute-pivot-query';
-import { Category, PivotTableDataOptionsInternal, Value } from '../chart-data-options/types';
-import { translateCategoryToAttribute, translateValueToMeasure } from '../chart-data-options/utils';
-import { normalizePivotSort } from './sorting-utils';
+
+import { normalizePivotSort } from '../sorting-utils';
import isEqual from 'lodash/isEqual';
+import { ExecutePivotQueryParams } from '@/query-execution';
+import { translateCategoryToAttribute, translateValueToMeasure } from '@/chart-data-options/utils';
+import { Category, PivotTableDataOptionsInternal, Value } from '@/chart-data-options/types';
+import { useExecutePivotQueryInternal } from '@/query-execution/use-execute-pivot-query';
const getPivotAttribute = (category: Category) => {
return {
diff --git a/packages/sdk-ui/src/pivot-table/hooks/use-pivot-data-loading.test.ts b/packages/sdk-ui/src/pivot-table/hooks/use-pivot-data-loading.test.ts
new file mode 100644
index 00000000..ba9df546
--- /dev/null
+++ b/packages/sdk-ui/src/pivot-table/hooks/use-pivot-data-loading.test.ts
@@ -0,0 +1,144 @@
+import { renderHook, waitFor } from '@testing-library/react';
+import { usePivotDataLoading } from './use-pivot-data-loading';
+import {
+ PivotBuilder,
+ EVENT_QUERY_START,
+ EVENT_QUERY_END,
+ JaqlRequest,
+ JaqlPanel,
+} from '@sisense/sdk-pivot-client';
+
+type AnyFunction = (...args: any[]) => any;
+
+// Mock the PivotBuilder
+class MockPivotBuilder extends PivotBuilder {
+ listeners: Record${
+
${tooltipSeparator()}
@@ -43,8 +52,8 @@ export function prepareSunburstLevels(
},
},
levelSize: {
- unit: 'pixels',
- value: 60,
+ unit: 'percentage',
+ value: ROOT_LEVEL_SIZE_PER_CATEGORIES[dataOptions.breakBy.length] || 50,
},
};
diff --git a/packages/sdk-ui/src/chart-options-processor/translations/sunburst/sunburst-options.ts b/packages/sdk-ui/src/chart-options-processor/translations/sunburst/sunburst-options.ts
index b8673e4c..8df167f8 100644
--- a/packages/sdk-ui/src/chart-options-processor/translations/sunburst/sunburst-options.ts
+++ b/packages/sdk-ui/src/chart-options-processor/translations/sunburst/sunburst-options.ts
@@ -2,7 +2,7 @@
import { CategoricalChartData } from '../../../chart-data/types';
import { HighchartsOptionsInternal } from '../../chart-options-service';
import { CategoricalChartDataOptionsInternal } from '../../../chart-data-options/types';
-import { CompleteThemeSettings } from '../../../types';
+import { CompleteThemeSettings, UniformDataColorOptions } from '../../../types';
import { SunburstChartDesignOptions } from '../design-options';
import { getTreemapTooltipSettings } from '../treemap/treemap-tooltip';
import { getPaletteColor } from '../../../chart-data-options/coloring/utils';
@@ -62,11 +62,14 @@ export function prepareSunburstOptions(
data: prepareSunburstDataItems(chartData, dataOptions, themeSettings),
levels: prepareSunburstLevels(chartData, dataOptions, designOptions, themeSettings),
showInLegend: false,
+ turboThreshold: 2000,
},
...dataOptions.breakBy.map((column, index) => ({
name: column.title || column.name,
showInLegend: true,
- color: getPaletteColor(themeSettings?.palette.variantColors, index),
+ color:
+ (column?.color as UniformDataColorOptions)?.color ||
+ getPaletteColor(themeSettings?.palette.variantColors, index),
data: [],
states: {
hover: {
diff --git a/packages/sdk-ui/src/chart-options-processor/translations/sunburst/sunburst-series.test.ts b/packages/sdk-ui/src/chart-options-processor/translations/sunburst/sunburst-series.test.ts
new file mode 100644
index 00000000..097c1117
--- /dev/null
+++ b/packages/sdk-ui/src/chart-options-processor/translations/sunburst/sunburst-series.test.ts
@@ -0,0 +1,17 @@
+import { prepareSunburstDataItems } from '@/chart-options-processor/translations/sunburst/sunburst-series';
+import { mockedSunburstSeriesProps } from '@/chart-options-processor/translations/sunburst/mock/sunburst-series-props';
+import { CategoricalChartData } from '@/chart-data/types';
+import { CategoricalChartDataOptionsInternal } from '@/chart-data-options/types';
+import { CompleteThemeSettings } from '@/types';
+
+describe('prepareSunburstDataItems', () => {
+ it('should prepare data items with sorting and coloring', () => {
+ const result = prepareSunburstDataItems(
+ mockedSunburstSeriesProps.chartData as CategoricalChartData,
+ mockedSunburstSeriesProps.dataOptions as unknown as CategoricalChartDataOptionsInternal,
+ mockedSunburstSeriesProps.themeSettings as CompleteThemeSettings,
+ );
+
+ expect(result).toMatchSnapshot();
+ });
+});
diff --git a/packages/sdk-ui/src/chart-options-processor/translations/sunburst/sunburst-series.ts b/packages/sdk-ui/src/chart-options-processor/translations/sunburst/sunburst-series.ts
index e002a6da..784de216 100644
--- a/packages/sdk-ui/src/chart-options-processor/translations/sunburst/sunburst-series.ts
+++ b/packages/sdk-ui/src/chart-options-processor/translations/sunburst/sunburst-series.ts
@@ -1,10 +1,10 @@
import { prepareTreemapDataItems } from '../treemap/treemap-series';
import { CategoricalChartData } from '../../../chart-data/types';
import { CategoricalChartDataOptionsInternal } from '../../../chart-data-options/types';
-import { CompleteThemeSettings } from '../../../types';
+import { CompleteThemeSettings, UniformDataColorOptions } from '../../../types';
import { SeriesPointStructure } from '../translations-to-highcharts';
import { getPaletteColor } from '../../../chart-data-options/coloring/utils';
-import { scaleBrightness } from '../../../utils/color';
+import { getExplicitColorSteps, scaleBrightness } from '../../../utils/color';
export const SUNBURST_ROOT_PARENT_ID = 'SUNBURST_ROOT_PARENT_ID';
@@ -31,9 +31,14 @@ export function prepareSunburstDataItems(
return item;
});
- const coloredDataItems = handleSunburstSeriesColor(dataItems, dataOptions, themeSettings);
+ const sortedDataItems = sortSunburstDataItems(dataItems);
+ const coloredAndSortedDataItems = handleSunburstSeriesColor(
+ sortedDataItems,
+ dataOptions,
+ themeSettings,
+ );
- return [rootDataItem, ...coloredDataItems];
+ return [rootDataItem, ...coloredAndSortedDataItems];
}
function handleSunburstSeriesColor(
@@ -41,23 +46,50 @@ function handleSunburstSeriesColor(
dataOptions: CategoricalChartDataOptionsInternal,
themeSettings?: CompleteThemeSettings,
) {
+ const MAX_BRIGHTNESS_PERCENT = 0.3;
const seriesColorMapByLevels = prepareColorMapByLevels(dataOptions);
- const colorStepMap = {};
-
- return series.map((value) => {
- const parent = value?.parent || '';
- const colorBySeriesName =
- seriesColorMapByLevels[value.custom?.level || '']?.[value?.name || ''];
- const colorStep = (colorStepMap[parent] =
- parent in colorStepMap ? (colorStepMap[parent] as number) + 1 : 0);
- const paletteColor = getPaletteColor(
- themeSettings?.palette.variantColors,
- (value.custom?.level || 1) - 1,
+
+ const levelsMembersTotals = dataOptions.breakBy.map(() => new Map());
+ series.forEach((item) => {
+ const relatedMap = levelsMembersTotals[item.custom!.level! - 1];
+ if (relatedMap) {
+ const prevTotal = relatedMap.get(item.name!) ?? 0;
+ const itemValue = item.value ?? (item.custom?.subtotalValue as number) ?? 0;
+ relatedMap.set(item.name!, prevTotal + itemValue);
+ }
+ });
+
+ const levelsWithSortedMembers = levelsMembersTotals.map((levelTotals) => {
+ return Array.from(levelTotals.entries())
+ .sort(([, valueA], [, valueB]) => valueA - valueB)
+ .map(([key]) => key);
+ });
+
+ const levelsMembersColorMaps = levelsWithSortedMembers.map((levelSortedMembers, index) => {
+ const map = new Map();
+ const paletteColor = getPaletteColor(themeSettings?.palette.variantColors, index);
+ const color =
+ (dataOptions.breakBy[index]?.color as UniformDataColorOptions)?.color || paletteColor;
+ const colorSteps = getExplicitColorSteps(
+ scaleBrightness(color, MAX_BRIGHTNESS_PERCENT),
+ scaleBrightness(color, -MAX_BRIGHTNESS_PERCENT),
+ levelSortedMembers.length,
);
+ levelSortedMembers.forEach((member, index) => {
+ map.set(member, colorSteps[index]);
+ });
+
+ return map;
+ });
+
+ return series.map((item) => {
+ const colorBySeriesName = seriesColorMapByLevels[item.custom?.level || '']?.[item?.name || ''];
+ const colorFromColorMap = levelsMembersColorMaps[item.custom!.level! - 1]?.get(item.name!);
+
return {
- ...value,
- color: colorBySeriesName || scaleBrightness(paletteColor, -(colorStep * 0.1)),
+ ...item,
+ color: colorBySeriesName || colorFromColorMap,
};
});
}
@@ -70,3 +102,45 @@ function prepareColorMapByLevels(dataOptions: CategoricalChartDataOptionsInterna
return map;
}, {});
}
+
+function sortSunburstDataItems(items: SeriesPointStructure[]): SeriesPointStructure[] {
+ const byParentMap = new Map();
+ const parentsTotalMap = new Map();
+
+ items.forEach((item) => {
+ if (item.parent) {
+ if (!byParentMap.has(item.parent)) {
+ byParentMap.set(item.parent, []);
+ }
+ byParentMap.get(item.parent)!.push(item);
+ }
+ });
+
+ Array.from(byParentMap.values())
+ .sort((itemA, itemB) => {
+ return (itemB[0]?.custom?.level ?? 0) - (itemA[0]?.custom?.level ?? 0);
+ })
+ .forEach((items) => {
+ items.forEach((item) => {
+ const value = item.value ?? parentsTotalMap.get(item.id!) ?? 0;
+ const currentTotal = parentsTotalMap.get(item.parent!) || 0;
+ parentsTotalMap.set(item.parent!, currentTotal + value);
+
+ if (item.id) {
+ item.custom!.subtotalValue = parentsTotalMap.get(item.id);
+ }
+ });
+ });
+
+ const result: SeriesPointStructure[] = [];
+ byParentMap.forEach((children) => {
+ children.sort((itemA, itemB) => {
+ const valueA = itemA.value ?? parentsTotalMap.get(itemA.id!) ?? 0;
+ const valueB = itemB.value ?? parentsTotalMap.get(itemB.id!) ?? 0;
+ return valueA - valueB;
+ });
+ result.push(...children);
+ });
+
+ return result;
+}
diff --git a/packages/sdk-ui/src/chart-options-processor/translations/translations-to-highcharts.test.ts b/packages/sdk-ui/src/chart-options-processor/translations/translations-to-highcharts.test.ts
index 251a834b..b613cc58 100644
--- a/packages/sdk-ui/src/chart-options-processor/translations/translations-to-highcharts.test.ts
+++ b/packages/sdk-ui/src/chart-options-processor/translations/translations-to-highcharts.test.ts
@@ -57,14 +57,17 @@ describe('formatSeries', () => {
{
y: 10,
custom: { rawValue: 10, xValue: ['xAxis 1'] },
+ selected: false,
},
{
y: 20,
custom: { rawValue: 20, xValue: ['xAxis 2'] },
+ selected: false,
},
{
y: 30,
custom: { rawValue: 30, xValue: ['xAxis 3'] },
+ selected: false,
},
],
});
@@ -89,16 +92,19 @@ describe('formatSeries', () => {
y: 10,
custom: { rawValue: 10, xValue: ['xAxis 1'] },
color: 'red',
+ selected: false,
},
{
y: 20,
custom: { rawValue: 20, xValue: ['xAxis 2'] },
color: 'blue',
+ selected: false,
},
{
y: 30,
custom: { rawValue: 30, xValue: ['xAxis 3'] },
color: 'green',
+ selected: false,
},
],
});
@@ -167,6 +173,7 @@ describe('formatSeries', () => {
{
y: NaN,
custom: { rawValue: 'value1', xValue: ['xAxis 1'] },
+ selected: false,
},
{
y: 20,
@@ -175,10 +182,12 @@ describe('formatSeries', () => {
enabled: true,
isIsolatedPoint: true,
},
+ selected: false,
},
{
y: NaN,
custom: { rawValue: 'value3', xValue: ['xAxis 3'] },
+ selected: false,
},
],
});
diff --git a/packages/sdk-ui/src/chart-options-processor/translations/translations-to-highcharts.ts b/packages/sdk-ui/src/chart-options-processor/translations/translations-to-highcharts.ts
index 87e438ae..512e9fe5 100644
--- a/packages/sdk-ui/src/chart-options-processor/translations/translations-to-highcharts.ts
+++ b/packages/sdk-ui/src/chart-options-processor/translations/translations-to-highcharts.ts
@@ -191,7 +191,7 @@ const translateNumbersContinuousXAxis = (
return {
x,
y: value,
- selected: blur,
+ selected: !!blur,
...(hasMarker && { marker }),
...(color && { color }),
custom: { rawValue, xValue, xDisplayValue: xDisplayValue || xValue },
@@ -287,7 +287,7 @@ const translateNumbersToSeriesPointStructure = (
categories?: string[],
categoryColors?: string[],
): SeriesPointStructure[] => {
- const hasBlurred = input.some((v) => v.blur);
+ const hasHighlighted = input.some((v) => v.blur !== undefined);
return indexMap.map((index: number, indexOfIndex: number): SeriesPointStructure => {
if (index < 0) {
@@ -300,19 +300,19 @@ const translateNumbersToSeriesPointStructure = (
name: categories[index],
y: value,
color: color ?? categoryColors?.[index],
- ...(hasBlurred && !blur && { selected: true }),
+ ...(hasHighlighted && !blur && { selected: true }),
custom: { rawValue, xValue },
};
} else {
const shouldShowIsolatedPoint = isIsolatedPoint(input, indexMap, index, indexOfIndex);
- const hasMarker = shouldShowIsolatedPoint || hasBlurred;
+ const hasMarker = shouldShowIsolatedPoint || hasHighlighted;
const marker = {
enabled: !blur,
isIsolatedPoint: shouldShowIsolatedPoint,
};
return {
y: isNaN(+value) ? value : +value,
- selected: blur,
+ selected: !!blur,
...(hasMarker && { marker }),
...(color && { color }),
custom: { rawValue, xValue },
diff --git a/packages/sdk-ui/src/chart/__snapshots__/advanced-chart.test.tsx.snap b/packages/sdk-ui/src/chart/__snapshots__/advanced-chart.test.tsx.snap
index fb2b277b..448376f9 100644
--- a/packages/sdk-ui/src/chart/__snapshots__/advanced-chart.test.tsx.snap
+++ b/packages/sdk-ui/src/chart/__snapshots__/advanced-chart.test.tsx.snap
@@ -1,6070 +1,5 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-exports[`Advanced Charts > should render forecast trend combo chart 1`] = `
-{
- "accessibility": {
- "enabled": false,
- },
- "boost": {
- "useGPUTranslations": true,
- "usePreAllocated": true,
- },
- "chart": {
- "alignTicks": false,
- "animation": {
- "duration": 300,
- },
- "backgroundColor": "#FFFFFF",
- "events": {},
- "polar": false,
- "spacing": [
- 20,
- 20,
- 20,
- 20,
- ],
- "type": "line",
- },
- "credits": {
- "enabled": false,
- },
- "drilldown": {
- "activeDataLabelStyle": {
- "color": "#5B6372",
- },
- "breadcrumbs": {
- "buttonTheme": {
- "fill": "#ffcb05",
- "states": {
- "hover": {
- "fill": "#f2b900",
- "stroke": "#f2b900",
- },
- },
- "stroke": "#ffcb05",
- "style": {
- "color": "#3a4356",
- },
- },
- },
- },
- "exporting": {
- "enabled": true,
- },
- "legend": {
- "align": "center",
- "backgroundColor": "transparent",
- "borderColor": "transparent",
- "borderWidth": 0,
- "enabled": true,
- "itemStyle": {
- "color": "#5B6372",
- "cursor": "default",
- "fontFamily": "Open Sans",
- "fontSize": "13px",
- "fontWeight": "normal",
- "pointerEvents": "auto",
- "textOutline": "none",
- },
- "layout": "horizontal",
- "symbolRadius": 0,
- "verticalAlign": "bottom",
- },
- "navigator": {
- "enabled": true,
- "handles": {
- "backgroundColor": "#CCCCCC",
- "borderColor": "#FFFFFF",
- "symbols": [
- "navigator-handle",
- "navigator-handle",
- ],
- },
- "height": 40,
- "margin": 30,
- "maskFill": "rgba(91,99,114, 0.15)",
- "maskInside": true,
- "outlineColor": "#CCCCCC",
- "outlineWidth": 1,
- "series": {
- "dataGrouping": {
- "enabled": false,
- },
- "type": "line",
- },
- "tooltipFormatter": [Function],
- "xAxis": {
- "labels": {
- "enabled": false,
- },
- },
- },
- "plotOptions": {
- "area": {
- "className": "area-series--without-pointer-events",
- "states": {
- "inactive": {
- "enabled": true,
- "opacity": 0.3,
- },
- },
- },
- "series": {
- "animation": {
- "duration": 600,
- },
- "connectNulls": false,
- "dataLabels": {
- "crop": false,
- "enabled": false,
- "style": {
- "color": "#5B6372",
- "fontFamily": "Open Sans",
- "fontSize": "13px",
- "fontWeight": "normal",
- "pointerEvents": "none",
- "textOutline": "none",
- },
- },
- "marker": {
- "enabled": false,
- "fillColor": null,
- "fillOpacity": 0.3,
- "lineColor": null,
- "lineWidth": 2,
- "radius": 4,
- "states": {
- "hover": {
- "fillColor": "#FFFFFF",
- "lineWidth": 3,
- "radius": 6,
- },
- },
- "symbol": "circle",
- },
- "point": {
- "events": {
- "click": [Function],
- },
- },
- "stacking": undefined,
- "states": {
- "select": {
- "borderColor": "transparent",
- "color": null,
- "opacity": 0.3,
- },
- },
- "stickyTracking": false,
- },
- },
- "series": [
- {
- "boostThreshold": 0,
- "color": "#00cee6",
- "connectNulls": false,
- "data": [
- {
- "custom": {
- "rawValue": 66781.63189208508,
- "xValue": [
- "2009-11-01",
- ],
- },
- "selected": false,
- "y": 66781.63189208508,
- },
- {
- "custom": {
- "rawValue": 359971.00955861807,
- "xValue": [
- "2009-12-01",
- ],
- },
- "selected": false,
- "y": 359971.00955861807,
- },
- {
- "custom": {
- "rawValue": 290398.9091284871,
- "xValue": [
- "2010-01-01",
- ],
- },
- "selected": false,
- "y": 290398.9091284871,
- },
- {
- "custom": {
- "rawValue": 170889.8894996643,
- "xValue": [
- "2010-02-01",
- ],
- },
- "selected": false,
- "y": 170889.8894996643,
- },
- {
- "custom": {
- "rawValue": 309543.24207001925,
- "xValue": [
- "2010-03-01",
- ],
- },
- "selected": false,
- "y": 309543.24207001925,
- },
- {
- "custom": {
- "rawValue": 371724.55312902667,
- "xValue": [
- "2010-04-01",
- ],
- },
- "selected": false,
- "y": 371724.55312902667,
- },
- {
- "custom": {
- "rawValue": 335743.71691042185,
- "xValue": [
- "2010-05-01",
- ],
- },
- "selected": false,
- "y": 335743.71691042185,
- },
- {
- "custom": {
- "rawValue": 205558.42935597897,
- "xValue": [
- "2010-06-01",
- ],
- },
- "selected": false,
- "y": 205558.42935597897,
- },
- {
- "custom": {
- "rawValue": 157792.30764091015,
- "xValue": [
- "2010-07-01",
- ],
- },
- "selected": false,
- "y": 157792.30764091015,
- },
- {
- "custom": {
- "rawValue": 324757.70880162716,
- "xValue": [
- "2010-08-01",
- ],
- },
- "selected": false,
- "y": 324757.70880162716,
- },
- {
- "custom": {
- "rawValue": 202324.06454509497,
- "xValue": [
- "2010-09-01",
- ],
- },
- "selected": false,
- "y": 202324.06454509497,
- },
- {
- "custom": {
- "rawValue": 235094.33303177357,
- "xValue": [
- "2010-10-01",
- ],
- },
- "selected": false,
- "y": 235094.33303177357,
- },
- {
- "custom": {
- "rawValue": 956515.9698420167,
- "xValue": [
- "2010-11-01",
- ],
- },
- "selected": false,
- "y": 956515.9698420167,
- },
- {
- "custom": {
- "rawValue": 1125384.2649897337,
- "xValue": [
- "2010-12-01",
- ],
- },
- "selected": false,
- "y": 1125384.2649897337,
- },
- {
- "custom": {
- "rawValue": 463382.532077305,
- "xValue": [
- "2011-01-01",
- ],
- },
- "selected": false,
- "y": 463382.532077305,
- },
- {
- "custom": {
- "rawValue": 245568.28763371706,
- "xValue": [
- "2011-02-01",
- ],
- },
- "selected": false,
- "y": 245568.28763371706,
- },
- {
- "custom": {
- "rawValue": 260606.05075496435,
- "xValue": [
- "2011-03-01",
- ],
- },
- "selected": false,
- "y": 260606.05075496435,
- },
- {
- "custom": {
- "rawValue": 268872.20260578394,
- "xValue": [
- "2011-04-01",
- ],
- },
- "selected": false,
- "y": 268872.20260578394,
- },
- {
- "custom": {
- "rawValue": 340273.4022771716,
- "xValue": [
- "2011-05-01",
- ],
- },
- "selected": false,
- "y": 340273.4022771716,
- },
- {
- "custom": {
- "rawValue": 393066.62418581545,
- "xValue": [
- "2011-06-01",
- ],
- },
- "selected": false,
- "y": 393066.62418581545,
- },
- {
- "custom": {
- "rawValue": 456280.5512932539,
- "xValue": [
- "2011-07-01",
- ],
- },
- "selected": false,
- "y": 456280.5512932539,
- },
- {
- "custom": {
- "rawValue": 425414.88275170326,
- "xValue": [
- "2011-08-01",
- ],
- },
- "selected": false,
- "y": 425414.88275170326,
- },
- {
- "custom": {
- "rawValue": 479749.6705650091,
- "xValue": [
- "2011-09-01",
- ],
- },
- "selected": false,
- "y": 479749.6705650091,
- },
- {
- "custom": {
- "rawValue": 579453.2531992197,
- "xValue": [
- "2011-10-01",
- ],
- },
- "selected": false,
- "y": 579453.2531992197,
- },
- {
- "custom": {
- "rawValue": 839236.7714686394,
- "xValue": [
- "2011-11-01",
- ],
- },
- "selected": false,
- "y": 839236.7714686394,
- },
- {
- "custom": {
- "rawValue": 885736.7923775315,
- "xValue": [
- "2011-12-01",
- ],
- },
- "selected": false,
- "y": 885736.7923775315,
- },
- {
- "custom": {
- "rawValue": 473612.27137738466,
- "xValue": [
- "2012-01-01",
- ],
- },
- "selected": false,
- "y": 473612.27137738466,
- },
- {
- "custom": {
- "rawValue": 551207.5465496182,
- "xValue": [
- "2012-02-01",
- ],
- },
- "selected": false,
- "y": 551207.5465496182,
- },
- {
- "custom": {
- "rawValue": 486378.02141964436,
- "xValue": [
- "2012-03-01",
- ],
- },
- "selected": false,
- "y": 486378.02141964436,
- },
- {
- "custom": {
- "rawValue": 844005.6761152148,
- "xValue": [
- "2012-04-01",
- ],
- },
- "selected": false,
- "y": 844005.6761152148,
- },
- {
- "custom": {
- "rawValue": 528642.743718408,
- "xValue": [
- "2012-05-01",
- ],
- },
- "selected": false,
- "y": 528642.743718408,
- },
- {
- "custom": {
- "rawValue": 500458.08090537786,
- "xValue": [
- "2012-06-01",
- ],
- },
- "selected": false,
- "y": 500458.08090537786,
- },
- {
- "custom": {
- "rawValue": 613358.3858718723,
- "xValue": [
- "2012-07-01",
- ],
- },
- "selected": false,
- "y": 613358.3858718723,
- },
- {
- "custom": {
- "rawValue": 640640.1058340669,
- "xValue": [
- "2012-08-01",
- ],
- },
- "selected": false,
- "y": 640640.1058340669,
- },
- {
- "custom": {
- "rawValue": 6468195.891011775,
- "xValue": [
- "2012-09-01",
- ],
- },
- "selected": false,
- "y": 6468195.891011775,
- },
- {
- "custom": {
- "rawValue": 1077545.8103399873,
- "xValue": [
- "2012-10-01",
- ],
- },
- "selected": false,
- "y": 1077545.8103399873,
- },
- {
- "custom": {
- "rawValue": 1139118.50432086,
- "xValue": [
- "2012-11-01",
- ],
- },
- "selected": false,
- "y": 1139118.50432086,
- },
- {
- "custom": {
- "rawValue": 1207031.0010682344,
- "xValue": [
- "2012-12-01",
- ],
- },
- "selected": false,
- "y": 1207031.0010682344,
- },
- {
- "custom": {
- "rawValue": 672788.0245242715,
- "xValue": [
- "2013-01-01",
- ],
- },
- "selected": false,
- "y": 672788.0245242715,
- },
- {
- "custom": {
- "rawValue": 664365.3652909398,
- "xValue": [
- "2013-02-01",
- ],
- },
- "selected": false,
- "y": 664365.3652909398,
- },
- {
- "custom": {
- "rawValue": 618802.1503348947,
- "xValue": [
- "2013-03-01",
- ],
- },
- "selected": false,
- "y": 618802.1503348947,
- },
- {
- "custom": {
- "rawValue": 866949.1155990958,
- "xValue": [
- "2013-04-01",
- ],
- },
- "selected": false,
- "y": 866949.1155990958,
- },
- {
- "custom": {
- "rawValue": 618889.3449394181,
- "xValue": [
- "2013-05-01",
- ],
- },
- "selected": false,
- "y": 618889.3449394181,
- },
- {
- "custom": {
- "rawValue": 683584.009878993,
- "xValue": [
- "2013-06-01",
- ],
- },
- "selected": false,
- "y": 683584.009878993,
- },
- {
- "custom": {
- "rawValue": 798123.2515560985,
- "xValue": [
- "2013-07-01",
- ],
- },
- "selected": false,
- "y": 798123.2515560985,
- },
- {
- "custom": {
- "rawValue": 650025.2262863517,
- "xValue": [
- "2013-08-01",
- ],
- },
- "selected": false,
- "y": 650025.2262863517,
- },
- {
- "custom": {
- "rawValue": 5916789.096129909,
- "xValue": [
- "2013-09-01",
- ],
- },
- "selected": false,
- "y": 5916789.096129909,
- },
- {
- "custom": {
- "rawValue": 1025246.3933910131,
- "xValue": [
- "2013-10-01",
- ],
- },
- "selected": false,
- "y": 1025246.3933910131,
- },
- {
- "custom": {
- "rawValue": 1793304.247486055,
- "xValue": [
- "2013-11-01",
- ],
- },
- "selected": false,
- "y": 1793304.247486055,
- },
- {
- "custom": {
- "rawValue": 170444.1994921565,
- "xValue": [
- "2013-12-01",
- ],
- },
- "selected": false,
- "y": 170444.1994921565,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2014-01-01",
- ],
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2014-02-01",
- ],
- },
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2014-03-01",
- ],
- },
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2014-04-01",
- ],
- },
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2014-05-01",
- ],
- },
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2014-06-01",
- ],
- },
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- ],
- "dataLabels": {
- "formatter": [Function],
- },
- "lineWidth": 3,
- "marker": {
- "enabled": false,
- "fillColor": null,
- "fillOpacity": 0.3,
- "lineColor": null,
- "lineWidth": 2,
- "radius": 4,
- "states": {
- "hover": {
- "fillColor": "#FFFFFF",
- "lineWidth": 3,
- "radius": 6,
- },
- },
- "symbol": "circle",
- },
- "name": "Total Revenue",
- "showInNavigator": true,
- "stickyTracking": false,
- "turboThreshold": 0,
- "yAxis": 0,
- "zIndex": 1,
- },
- {
- "boostThreshold": 0,
- "color": "#9b9bd7",
- "connectNulls": false,
- "data": [
- {
- "custom": {
- "rawValue": 189976.80757868662,
- "xValue": [
- "2009-11-01",
- ],
- },
- "selected": false,
- "y": 189976.80757868662,
- },
- {
- "custom": {
- "rawValue": 1107490.0728950314,
- "xValue": [
- "2009-12-01",
- ],
- },
- "selected": false,
- "y": 1107490.0728950314,
- },
- {
- "custom": {
- "rawValue": 845205.6287006252,
- "xValue": [
- "2010-01-01",
- ],
- },
- "selected": false,
- "y": 845205.6287006252,
- },
- {
- "custom": {
- "rawValue": 787917.8207888827,
- "xValue": [
- "2010-02-01",
- ],
- },
- "selected": false,
- "y": 787917.8207888827,
- },
- {
- "custom": {
- "rawValue": 946810.4692947622,
- "xValue": [
- "2010-03-01",
- ],
- },
- "selected": false,
- "y": 946810.4692947622,
- },
- {
- "custom": {
- "rawValue": 900508.5092079439,
- "xValue": [
- "2010-04-01",
- ],
- },
- "selected": false,
- "y": 900508.5092079439,
- },
- {
- "custom": {
- "rawValue": 946238.5815005917,
- "xValue": [
- "2010-05-01",
- ],
- },
- "selected": false,
- "y": 946238.5815005917,
- },
- {
- "custom": {
- "rawValue": 886700.2053317726,
- "xValue": [
- "2010-06-01",
- ],
- },
- "selected": false,
- "y": 886700.2053317726,
- },
- {
- "custom": {
- "rawValue": 900954.317531623,
- "xValue": [
- "2010-07-01",
- ],
- },
- "selected": false,
- "y": 900954.317531623,
- },
- {
- "custom": {
- "rawValue": 984546.9012292922,
- "xValue": [
- "2010-08-01",
- ],
- },
- "selected": false,
- "y": 984546.9012292922,
- },
- {
- "custom": {
- "rawValue": 947657.5594753642,
- "xValue": [
- "2010-09-01",
- ],
- },
- "selected": false,
- "y": 947657.5594753642,
- },
- {
- "custom": {
- "rawValue": 1067067.8516010046,
- "xValue": [
- "2010-10-01",
- ],
- },
- "selected": false,
- "y": 1067067.8516010046,
- },
- {
- "custom": {
- "rawValue": 1313277.0609966572,
- "xValue": [
- "2010-11-01",
- ],
- },
- "selected": false,
- "y": 1313277.0609966572,
- },
- {
- "custom": {
- "rawValue": 1467710.2702174708,
- "xValue": [
- "2010-12-01",
- ],
- },
- "selected": false,
- "y": 1467710.2702174708,
- },
- {
- "custom": {
- "rawValue": 1175238.5499559864,
- "xValue": [
- "2011-01-01",
- ],
- },
- "selected": false,
- "y": 1175238.5499559864,
- },
- {
- "custom": {
- "rawValue": 1092969.080261767,
- "xValue": [
- "2011-02-01",
- ],
- },
- "selected": false,
- "y": 1092969.080261767,
- },
- {
- "custom": {
- "rawValue": 1188733.9370134315,
- "xValue": [
- "2011-03-01",
- ],
- },
- "selected": false,
- "y": 1188733.9370134315,
- },
- {
- "custom": {
- "rawValue": 1468171.674996743,
- "xValue": [
- "2011-04-01",
- ],
- },
- "selected": false,
- "y": 1468171.674996743,
- },
- {
- "custom": {
- "rawValue": 1809045.4618380964,
- "xValue": [
- "2011-05-01",
- ],
- },
- "selected": false,
- "y": 1809045.4618380964,
- },
- {
- "custom": {
- "rawValue": 1963988.3454919308,
- "xValue": [
- "2011-06-01",
- ],
- },
- "selected": false,
- "y": 1963988.3454919308,
- },
- {
- "custom": {
- "rawValue": 2011346.4261528384,
- "xValue": [
- "2011-07-01",
- ],
- },
- "selected": false,
- "y": 2011346.4261528384,
- },
- {
- "custom": {
- "rawValue": 2128043.9337140303,
- "xValue": [
- "2011-08-01",
- ],
- },
- "selected": false,
- "y": 2128043.9337140303,
- },
- {
- "custom": {
- "rawValue": 2017077.2452351712,
- "xValue": [
- "2011-09-01",
- ],
- },
- "selected": false,
- "y": 2017077.2452351712,
- },
- {
- "custom": {
- "rawValue": 2283585.5977138802,
- "xValue": [
- "2011-10-01",
- ],
- },
- "selected": false,
- "y": 2283585.5977138802,
- },
- {
- "custom": {
- "rawValue": 2558169.054697007,
- "xValue": [
- "2011-11-01",
- ],
- },
- "selected": false,
- "y": 2558169.054697007,
- },
- {
- "custom": {
- "rawValue": 2855504.8063853886,
- "xValue": [
- "2011-12-01",
- ],
- },
- "selected": false,
- "y": 2855504.8063853886,
- },
- {
- "custom": {
- "rawValue": 2267886.0520572066,
- "xValue": [
- "2012-01-01",
- ],
- },
- "selected": false,
- "y": 2267886.0520572066,
- },
- {
- "custom": {
- "rawValue": 2289422.9980101623,
- "xValue": [
- "2012-02-01",
- ],
- },
- "selected": false,
- "y": 2289422.9980101623,
- },
- {
- "custom": {
- "rawValue": 2413584.21836257,
- "xValue": [
- "2012-03-01",
- ],
- },
- "selected": false,
- "y": 2413584.21836257,
- },
- {
- "custom": {
- "rawValue": 2450628.8393439148,
- "xValue": [
- "2012-04-01",
- ],
- },
- "selected": false,
- "y": 2450628.8393439148,
- },
- {
- "custom": {
- "rawValue": 2616360.1553670047,
- "xValue": [
- "2012-05-01",
- ],
- },
- "selected": false,
- "y": 2616360.1553670047,
- },
- {
- "custom": {
- "rawValue": 2482130.5598226488,
- "xValue": [
- "2012-06-01",
- ],
- },
- "selected": false,
- "y": 2482130.5598226488,
- },
- {
- "custom": {
- "rawValue": 2594841.3182018436,
- "xValue": [
- "2012-07-01",
- ],
- },
- "selected": false,
- "y": 2594841.3182018436,
- },
- {
- "custom": {
- "rawValue": 2673938.1166581884,
- "xValue": [
- "2012-08-01",
- ],
- },
- "selected": false,
- "y": 2673938.1166581884,
- },
- {
- "custom": {
- "rawValue": 2867416.29551314,
- "xValue": [
- "2012-09-01",
- ],
- },
- "selected": false,
- "y": 2867416.29551314,
- },
- {
- "custom": {
- "rawValue": 3168871.066950053,
- "xValue": [
- "2012-10-01",
- ],
- },
- "selected": false,
- "y": 3168871.066950053,
- },
- {
- "custom": {
- "rawValue": 3888213.687782809,
- "xValue": [
- "2012-11-01",
- ],
- },
- "selected": false,
- "y": 3888213.687782809,
- },
- {
- "custom": {
- "rawValue": 3992612.938552344,
- "xValue": [
- "2012-12-01",
- ],
- },
- "selected": false,
- "y": 3992612.938552344,
- },
- {
- "custom": {
- "rawValue": 2759434.9833942996,
- "xValue": [
- "2013-01-01",
- ],
- },
- "selected": false,
- "y": 2759434.9833942996,
- },
- {
- "custom": {
- "rawValue": 2788158.3545121085,
- "xValue": [
- "2013-02-01",
- ],
- },
- "selected": false,
- "y": 2788158.3545121085,
- },
- {
- "custom": {
- "rawValue": 3046625.3691154122,
- "xValue": [
- "2013-03-01",
- ],
- },
- "selected": false,
- "y": 3046625.3691154122,
- },
- {
- "custom": {
- "rawValue": 2961134.7611477133,
- "xValue": [
- "2013-04-01",
- ],
- },
- "selected": false,
- "y": 2961134.7611477133,
- },
- {
- "custom": {
- "rawValue": 3242762.429729399,
- "xValue": [
- "2013-05-01",
- ],
- },
- "selected": false,
- "y": 3242762.429729399,
- },
- {
- "custom": {
- "rawValue": 3204714.5343812816,
- "xValue": [
- "2013-06-01",
- ],
- },
- "selected": false,
- "y": 3204714.5343812816,
- },
- {
- "custom": {
- "rawValue": 3349081.2784886193,
- "xValue": [
- "2013-07-01",
- ],
- },
- "selected": false,
- "y": 3349081.2784886193,
- },
- {
- "custom": {
- "rawValue": 3238694.8539762036,
- "xValue": [
- "2013-08-01",
- ],
- },
- "selected": false,
- "y": 3238694.8539762036,
- },
- {
- "custom": {
- "rawValue": 3581952.4929154813,
- "xValue": [
- "2013-09-01",
- ],
- },
- "selected": false,
- "y": 3581952.4929154813,
- },
- {
- "custom": {
- "rawValue": 3935084.4678387493,
- "xValue": [
- "2013-10-01",
- ],
- },
- "selected": false,
- "y": 3935084.4678387493,
- },
- {
- "custom": {
- "rawValue": 4844611.66696444,
- "xValue": [
- "2013-11-01",
- ],
- },
- "selected": false,
- "y": 4844611.66696444,
- },
- {
- "custom": {
- "rawValue": 770441.3868424296,
- "xValue": [
- "2013-12-01",
- ],
- },
- "selected": false,
- "y": 770441.3868424296,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2014-01-01",
- ],
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2014-02-01",
- ],
- },
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2014-03-01",
- ],
- },
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2014-04-01",
- ],
- },
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2014-05-01",
- ],
- },
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2014-06-01",
- ],
- },
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- ],
- "dataLabels": {
- "formatter": [Function],
- },
- "lineWidth": 3,
- "marker": {
- "enabled": false,
- "fillColor": null,
- "fillOpacity": 0.3,
- "lineColor": null,
- "lineWidth": 2,
- "radius": 4,
- "states": {
- "hover": {
- "fillColor": "#FFFFFF",
- "lineWidth": 3,
- "radius": 6,
- },
- },
- "symbol": "circle",
- },
- "name": "Total Cost (+Trend)",
- "showInNavigator": true,
- "stickyTracking": false,
- "turboThreshold": 0,
- "yAxis": 0,
- "zIndex": 1,
- },
- {
- "boostThreshold": 0,
- "color": "#9b9bd7",
- "connectNulls": false,
- "dashStyle": "ShortDot",
- "data": [
- {
- "custom": {
- "rawValue": 399877.66021296044,
- "xValue": [
- "2009-11-01",
- ],
- },
- "selected": false,
- "y": 399877.66021296044,
- },
- {
- "custom": {
- "rawValue": 760254.7486363016,
- "xValue": [
- "2009-12-01",
- ],
- },
- "selected": false,
- "y": 760254.7486363016,
- },
- {
- "custom": {
- "rawValue": 892589.3891729144,
- "xValue": [
- "2010-01-01",
- ],
- },
- "selected": false,
- "y": 892589.3891729144,
- },
- {
- "custom": {
- "rawValue": 904228.5180767283,
- "xValue": [
- "2010-02-01",
- ],
- },
- "selected": false,
- "y": 904228.5180767283,
- },
- {
- "custom": {
- "rawValue": 912866.4678721044,
- "xValue": [
- "2010-03-01",
- ],
- },
- "selected": false,
- "y": 912866.4678721044,
- },
- {
- "custom": {
- "rawValue": 916526.9340331501,
- "xValue": [
- "2010-04-01",
- ],
- },
- "selected": false,
- "y": 916526.9340331501,
- },
- {
- "custom": {
- "rawValue": 914095.3329283679,
- "xValue": [
- "2010-05-01",
- ],
- },
- "selected": false,
- "y": 914095.3329283679,
- },
- {
- "custom": {
- "rawValue": 904960.4685997746,
- "xValue": [
- "2010-06-01",
- ],
- },
- "selected": false,
- "y": 904960.4685997746,
- },
- {
- "custom": {
- "rawValue": 912084.7216383086,
- "xValue": [
- "2010-07-01",
- ],
- },
- "selected": false,
- "y": 912084.7216383086,
- },
- {
- "custom": {
- "rawValue": 945423.4204832909,
- "xValue": [
- "2010-08-01",
- ],
- },
- "selected": false,
- "y": 945423.4204832909,
- },
- {
- "custom": {
- "rawValue": 1009017.2938368567,
- "xValue": [
- "2010-09-01",
- ],
- },
- "selected": false,
- "y": 1009017.2938368567,
- },
- {
- "custom": {
- "rawValue": 1127908.0165300977,
- "xValue": [
- "2010-10-01",
- ],
- },
- "selected": false,
- "y": 1127908.0165300977,
- },
- {
- "custom": {
- "rawValue": 1260348.35798684,
- "xValue": [
- "2010-11-01",
- ],
- },
- "selected": false,
- "y": 1260348.35798684,
- },
- {
- "custom": {
- "rawValue": 1301643.164863898,
- "xValue": [
- "2010-12-01",
- ],
- },
- "selected": false,
- "y": 1301643.164863898,
- },
- {
- "custom": {
- "rawValue": 1226332.721934023,
- "xValue": [
- "2011-01-01",
- ],
- },
- "selected": false,
- "y": 1226332.721934023,
- },
- {
- "custom": {
- "rawValue": 1175483.052081485,
- "xValue": [
- "2011-02-01",
- ],
- },
- "selected": false,
- "y": 1175483.052081485,
- },
- {
- "custom": {
- "rawValue": 1259954.2895959807,
- "xValue": [
- "2011-03-01",
- ],
- },
- "selected": false,
- "y": 1259954.2895959807,
- },
- {
- "custom": {
- "rawValue": 1477513.9658073424,
- "xValue": [
- "2011-04-01",
- ],
- },
- "selected": false,
- "y": 1477513.9658073424,
- },
- {
- "custom": {
- "rawValue": 1731745.1938052739,
- "xValue": [
- "2011-05-01",
- ],
- },
- "selected": false,
- "y": 1731745.1938052739,
- },
- {
- "custom": {
- "rawValue": 1918408.774731447,
- "xValue": [
- "2011-06-01",
- ],
- },
- "selected": false,
- "y": 1918408.774731447,
- },
- {
- "custom": {
- "rawValue": 2019625.0977478286,
- "xValue": [
- "2011-07-01",
- ],
- },
- "selected": false,
- "y": 2019625.0977478286,
- },
- {
- "custom": {
- "rawValue": 2080349.5218863264,
- "xValue": [
- "2011-08-01",
- ],
- },
- "selected": false,
- "y": 2080349.5218863264,
- },
- {
- "custom": {
- "rawValue": 2160577.230230905,
- "xValue": [
- "2011-09-01",
- ],
- },
- "selected": false,
- "y": 2160577.230230905,
- },
- {
- "custom": {
- "rawValue": 2330053.153545553,
- "xValue": [
- "2011-10-01",
- ],
- },
- "selected": false,
- "y": 2330053.153545553,
- },
- {
- "custom": {
- "rawValue": 2515328.951597531,
- "xValue": [
- "2011-11-01",
- ],
- },
- "selected": false,
- "y": 2515328.951597531,
- },
- {
- "custom": {
- "rawValue": 2571323.757848365,
- "xValue": [
- "2011-12-01",
- ],
- },
- "selected": false,
- "y": 2571323.757848365,
- },
- {
- "custom": {
- "rawValue": 2455225.182035394,
- "xValue": [
- "2012-01-01",
- ],
- },
- "selected": false,
- "y": 2455225.182035394,
- },
- {
- "custom": {
- "rawValue": 2372277.1257133014,
- "xValue": [
- "2012-02-01",
- ],
- },
- "selected": false,
- "y": 2372277.1257133014,
- },
- {
- "custom": {
- "rawValue": 2390716.0906670545,
- "xValue": [
- "2012-03-01",
- ],
- },
- "selected": false,
- "y": 2390716.0906670545,
- },
- {
- "custom": {
- "rawValue": 2454806.7004078142,
- "xValue": [
- "2012-04-01",
- ],
- },
- "selected": false,
- "y": 2454806.7004078142,
- },
- {
- "custom": {
- "rawValue": 2509923.7089504977,
- "xValue": [
- "2012-05-01",
- ],
- },
- "selected": false,
- "y": 2509923.7089504977,
- },
- {
- "custom": {
- "rawValue": 2529590.1527741267,
- "xValue": [
- "2012-06-01",
- ],
- },
- "selected": false,
- "y": 2529590.1527741267,
- },
- {
- "custom": {
- "rawValue": 2580856.1512703863,
- "xValue": [
- "2012-07-01",
- ],
- },
- "selected": false,
- "y": 2580856.1512703863,
- },
- {
- "custom": {
- "rawValue": 2713417.6342164744,
- "xValue": [
- "2012-08-01",
- ],
- },
- "selected": false,
- "y": 2713417.6342164744,
- },
- {
- "custom": {
- "rawValue": 2969220.9206936043,
- "xValue": [
- "2012-09-01",
- ],
- },
- "selected": false,
- "y": 2969220.9206936043,
- },
- {
- "custom": {
- "rawValue": 3328777.947662453,
- "xValue": [
- "2012-10-01",
- ],
- },
- "selected": false,
- "y": 3328777.947662453,
- },
- {
- "custom": {
- "rawValue": 3620949.4273355627,
- "xValue": [
- "2012-11-01",
- ],
- },
- "selected": false,
- "y": 3620949.4273355627,
- },
- {
- "custom": {
- "rawValue": 3556054.100029769,
- "xValue": [
- "2012-12-01",
- ],
- },
- "selected": false,
- "y": 3556054.100029769,
- },
- {
- "custom": {
- "rawValue": 3180837.955961699,
- "xValue": [
- "2013-01-01",
- ],
- },
- "selected": false,
- "y": 3180837.955961699,
- },
- {
- "custom": {
- "rawValue": 2940071.145840517,
- "xValue": [
- "2013-02-01",
- ],
- },
- "selected": false,
- "y": 2940071.145840517,
- },
- {
- "custom": {
- "rawValue": 2928282.3596065277,
- "xValue": [
- "2013-03-01",
- ],
- },
- "selected": false,
- "y": 2928282.3596065277,
- },
- {
- "custom": {
- "rawValue": 3012322.5051070023,
- "xValue": [
- "2013-04-01",
- ],
- },
- "selected": false,
- "y": 3012322.5051070023,
- },
- {
- "custom": {
- "rawValue": 3126610.365876169,
- "xValue": [
- "2013-05-01",
- ],
- },
- "selected": false,
- "y": 3126610.365876169,
- },
- {
- "custom": {
- "rawValue": 3213000.749829498,
- "xValue": [
- "2013-06-01",
- ],
- },
- "selected": false,
- "y": 3213000.749829498,
- },
- {
- "custom": {
- "rawValue": 3314632.0388838113,
- "xValue": [
- "2013-07-01",
- ],
- },
- "selected": false,
- "y": 3314632.0388838113,
- },
- {
- "custom": {
- "rawValue": 3504006.725372224,
- "xValue": [
- "2013-08-01",
- ],
- },
- "selected": false,
- "y": 3504006.725372224,
- },
- {
- "custom": {
- "rawValue": 3819677.0195216006,
- "xValue": [
- "2013-09-01",
- ],
- },
- "selected": false,
- "y": 3819677.0195216006,
- },
- {
- "custom": {
- "rawValue": 3984064.438412456,
- "xValue": [
- "2013-10-01",
- ],
- },
- "selected": false,
- "y": 3984064.438412456,
- },
- {
- "custom": {
- "rawValue": 3403293.012026755,
- "xValue": [
- "2013-11-01",
- ],
- },
- "selected": false,
- "y": 3403293.012026755,
- },
- {
- "custom": {
- "rawValue": 1735405.3318556482,
- "xValue": [
- "2013-12-01",
- ],
- },
- "selected": false,
- "y": 1735405.3318556482,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2014-01-01",
- ],
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2014-02-01",
- ],
- },
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2014-03-01",
- ],
- },
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2014-04-01",
- ],
- },
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2014-05-01",
- ],
- },
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2014-06-01",
- ],
- },
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- ],
- "dataLabels": {
- "formatter": [Function],
- },
- "lineWidth": 3,
- "marker": {
- "enabled": false,
- "fillColor": null,
- "fillOpacity": 0.3,
- "lineColor": null,
- "lineWidth": 2,
- "radius": 4,
- "states": {
- "hover": {
- "fillColor": "#FFFFFF",
- "lineWidth": 3,
- "radius": 6,
- },
- },
- "symbol": "circle",
- },
- "name": "$trend_Total Cost",
- "showInLegend": false,
- "showInNavigator": true,
- "stickyTracking": false,
- "turboThreshold": 0,
- "yAxis": 0,
- "zIndex": 1,
- },
- {
- "boostThreshold": 0,
- "color": "#00cee6",
- "connectNulls": false,
- "dashStyle": "ShortDash",
- "data": [
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2009-11-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2009-12-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-01-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-02-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-03-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-04-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-05-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-06-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-07-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-08-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-09-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-10-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-11-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-12-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-01-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-02-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-03-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-04-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-05-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-06-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-07-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-08-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-09-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-10-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-11-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-12-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-01-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-02-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-03-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-04-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-05-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-06-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-07-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-08-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-09-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-10-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-11-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-12-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-01-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-02-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-03-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-04-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-05-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-06-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-07-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-08-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-09-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-10-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-11-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-12-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "selected": false,
- "y": 170444.1994921565,
- },
- {
- "custom": {
- "rawValue": 894228.9346309917,
- "xValue": [
- "2014-01-01",
- ],
- },
- "high": 2502270.7452848963,
- "low": -267349.629913955,
- "selected": false,
- "y": 894228.9346309917,
- },
- {
- "custom": {
- "rawValue": 1089836.547888303,
- "xValue": [
- "2014-02-01",
- ],
- },
- "high": 2774896.364626469,
- "low": -216031.2869008225,
- "selected": false,
- "y": 1089836.547888303,
- },
- {
- "custom": {
- "rawValue": 1021374.1984700696,
- "xValue": [
- "2014-03-01",
- ],
- },
- "high": 2529612.5733055985,
- "low": -306281.90247843356,
- "selected": false,
- "y": 1021374.1984700696,
- },
- {
- "custom": {
- "rawValue": 1128726.544473912,
- "xValue": [
- "2014-04-01",
- ],
- },
- "high": 2586368.303115316,
- "low": -598197.3911145851,
- "selected": false,
- "y": 1128726.544473912,
- },
- {
- "custom": {
- "rawValue": 1128726.544473912,
- "xValue": [
- "2014-05-01",
- ],
- },
- "high": 2506222.5577449454,
- "low": 280299.5523669169,
- "selected": false,
- "y": 1128726.544473912,
- },
- {
- "custom": {
- "rawValue": 1128726.5444739123,
- "xValue": [
- "2014-06-01",
- ],
- },
- "high": 2555594.430841752,
- "low": -298656.8438444736,
- "selected": false,
- "y": 1128726.5444739123,
- },
- ],
- "dataLabels": {
- "formatter": [Function],
- },
- "lineWidth": 3,
- "marker": {
- "enabled": false,
- "fillColor": null,
- "fillOpacity": 0.3,
- "lineColor": null,
- "lineWidth": 2,
- "radius": 4,
- "states": {
- "hover": {
- "fillColor": "#FFFFFF",
- "lineWidth": 3,
- "radius": 6,
- },
- },
- "symbol": "circle",
- },
- "name": "$forecast_Total Revenue",
- "showInLegend": false,
- "showInNavigator": true,
- "stickyTracking": false,
- "turboThreshold": 0,
- "yAxis": 0,
- "zIndex": 1,
- },
- {
- "boostThreshold": 0,
- "color": "#9b9bd7",
- "connectNulls": false,
- "dashStyle": "ShortDash",
- "data": [
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2009-11-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2009-12-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-01-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-02-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-03-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-04-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-05-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-06-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-07-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-08-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-09-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-10-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-11-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-12-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-01-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-02-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-03-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-04-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-05-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-06-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-07-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-08-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-09-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-10-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-11-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-12-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-01-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-02-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-03-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-04-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-05-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-06-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-07-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-08-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-09-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-10-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-11-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-12-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-01-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-02-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-03-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-04-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-05-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-06-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-07-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-08-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-09-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-10-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-11-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "y": NaN,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-12-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "selected": false,
- "y": 770441.3868424296,
- },
- {
- "custom": {
- "rawValue": 3432902.395304515,
- "xValue": [
- "2014-01-01",
- ],
- },
- "high": 4215621.114209566,
- "low": 2749857.8158302745,
- "selected": false,
- "y": 3432902.395304515,
- },
- {
- "custom": {
- "rawValue": 3455861.1150580775,
- "xValue": [
- "2014-02-01",
- ],
- },
- "high": 4257156.218797659,
- "low": 2739222.412611501,
- "selected": false,
- "y": 3455861.1150580775,
- },
- {
- "custom": {
- "rawValue": 3491353.7095914274,
- "xValue": [
- "2014-03-01",
- ],
- },
- "high": 4254548.220516098,
- "low": 2768469.4185458464,
- "selected": false,
- "y": 3491353.7095914274,
- },
- {
- "custom": {
- "rawValue": 3601096.993465676,
- "xValue": [
- "2014-04-01",
- ],
- },
- "high": 4354370.65910466,
- "low": 2787704.494487667,
- "selected": false,
- "y": 3601096.993465676,
- },
- {
- "custom": {
- "rawValue": 3512644.745014943,
- "xValue": [
- "2014-05-01",
- ],
- },
- "high": 4249394.877735277,
- "low": 2894009.6375730764,
- "selected": false,
- "y": 3512644.745014943,
- },
- {
- "custom": {
- "rawValue": 3570184.1638095835,
- "xValue": [
- "2014-06-01",
- ],
- },
- "high": 4319327.450568654,
- "low": 2820929.6467809775,
- "selected": false,
- "y": 3570184.1638095835,
- },
- ],
- "dataLabels": {
- "formatter": [Function],
- },
- "lineWidth": 3,
- "marker": {
- "enabled": false,
- "fillColor": null,
- "fillOpacity": 0.3,
- "lineColor": null,
- "lineWidth": 2,
- "radius": 4,
- "states": {
- "hover": {
- "fillColor": "#FFFFFF",
- "lineWidth": 3,
- "radius": 6,
- },
- },
- "symbol": "circle",
- },
- "name": "$forecast_Total Cost",
- "showInLegend": false,
- "showInNavigator": true,
- "stickyTracking": false,
- "turboThreshold": 0,
- "yAxis": 0,
- "zIndex": 1,
- },
- {
- "boostThreshold": 0,
- "color": "#00cee6",
- "connectNulls": false,
- "data": [
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2009-11-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2009-12-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-01-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-02-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-03-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-04-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-05-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-06-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-07-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-08-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-09-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-10-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-11-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-12-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-01-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-02-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-03-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-04-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-05-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-06-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-07-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-08-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-09-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-10-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-11-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-12-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-01-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-02-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-03-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-04-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-05-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-06-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-07-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-08-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-09-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-10-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-11-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-12-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-01-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-02-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-03-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-04-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-05-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-06-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-07-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-08-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-09-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-10-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-11-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-12-01",
- ],
- },
- "high": 170444.1994921565,
- "low": 170444.1994921565,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": 2502270.7452848963,
- "xValue": [
- "2014-01-01",
- ],
- },
- "high": 2502270.7452848963,
- "low": -267349.629913955,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": 2774896.364626469,
- "xValue": [
- "2014-02-01",
- ],
- },
- "high": 2774896.364626469,
- "low": -216031.2869008225,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": 2529612.5733055985,
- "xValue": [
- "2014-03-01",
- ],
- },
- "high": 2529612.5733055985,
- "low": -306281.90247843356,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": 2586368.303115316,
- "xValue": [
- "2014-04-01",
- ],
- },
- "high": 2586368.303115316,
- "low": -598197.3911145851,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": 2506222.5577449454,
- "xValue": [
- "2014-05-01",
- ],
- },
- "high": 2506222.5577449454,
- "low": 280299.5523669169,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": 2555594.430841752,
- "xValue": [
- "2014-06-01",
- ],
- },
- "high": 2555594.430841752,
- "low": -298656.8438444736,
- "lowerPointName": "$forecast_Total Revenue_lower",
- "selected": false,
- "upperPointName": "$forecast_Total Revenue_upper",
- "y": undefined,
- },
- ],
- "dataLabels": {
- "formatter": [Function],
- },
- "enableMouseTracking": false,
- "fillOpacity": 0.15,
- "lineWidth": 0,
- "marker": {
- "enabled": false,
- "fillColor": null,
- "fillOpacity": 0.3,
- "lineColor": null,
- "lineWidth": 2,
- "radius": 4,
- "states": {
- "hover": {
- "fillColor": "#FFFFFF",
- "lineWidth": 3,
- "radius": 6,
- },
- },
- "symbol": "circle",
- },
- "name": "$forecast_Total Revenue $range",
- "showInLegend": false,
- "showInNavigator": true,
- "stickyTracking": false,
- "turboThreshold": 0,
- "type": "arearange",
- "yAxis": 0,
- },
- {
- "boostThreshold": 0,
- "color": "#9b9bd7",
- "connectNulls": false,
- "data": [
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2009-11-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2009-12-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-01-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-02-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-03-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-04-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-05-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-06-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-07-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-08-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-09-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-10-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-11-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2010-12-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-01-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-02-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-03-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-04-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-05-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-06-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-07-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-08-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-09-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-10-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-11-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2011-12-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-01-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-02-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-03-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-04-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-05-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-06-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-07-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-08-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-09-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-10-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-11-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2012-12-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-01-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-02-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-03-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-04-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-05-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-06-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-07-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-08-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-09-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-10-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-11-01",
- ],
- },
- "high": NaN,
- "low": NaN,
- "lowerPointName": "$forecast_Total Cost_lower",
- "marker": {
- "enabled": true,
- "isIsolatedPoint": true,
- },
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": "N\\A",
- "xValue": [
- "2013-12-01",
- ],
- },
- "high": 770441.3868424296,
- "low": 770441.3868424296,
- "lowerPointName": "$forecast_Total Cost_lower",
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": 4215621.114209566,
- "xValue": [
- "2014-01-01",
- ],
- },
- "high": 4215621.114209566,
- "low": 2749857.8158302745,
- "lowerPointName": "$forecast_Total Cost_lower",
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": 4257156.218797659,
- "xValue": [
- "2014-02-01",
- ],
- },
- "high": 4257156.218797659,
- "low": 2739222.412611501,
- "lowerPointName": "$forecast_Total Cost_lower",
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": 4254548.220516098,
- "xValue": [
- "2014-03-01",
- ],
- },
- "high": 4254548.220516098,
- "low": 2768469.4185458464,
- "lowerPointName": "$forecast_Total Cost_lower",
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": 4354370.65910466,
- "xValue": [
- "2014-04-01",
- ],
- },
- "high": 4354370.65910466,
- "low": 2787704.494487667,
- "lowerPointName": "$forecast_Total Cost_lower",
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": 4249394.877735277,
- "xValue": [
- "2014-05-01",
- ],
- },
- "high": 4249394.877735277,
- "low": 2894009.6375730764,
- "lowerPointName": "$forecast_Total Cost_lower",
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- {
- "custom": {
- "rawValue": 4319327.450568654,
- "xValue": [
- "2014-06-01",
- ],
- },
- "high": 4319327.450568654,
- "low": 2820929.6467809775,
- "lowerPointName": "$forecast_Total Cost_lower",
- "selected": false,
- "upperPointName": "$forecast_Total Cost_upper",
- "y": undefined,
- },
- ],
- "dataLabels": {
- "formatter": [Function],
- },
- "enableMouseTracking": false,
- "fillOpacity": 0.15,
- "lineWidth": 0,
- "marker": {
- "enabled": false,
- "fillColor": null,
- "fillOpacity": 0.3,
- "lineColor": null,
- "lineWidth": 2,
- "radius": 4,
- "states": {
- "hover": {
- "fillColor": "#FFFFFF",
- "lineWidth": 3,
- "radius": 6,
- },
- },
- "symbol": "circle",
- },
- "name": "$forecast_Total Cost $range",
- "showInLegend": false,
- "showInNavigator": true,
- "stickyTracking": false,
- "turboThreshold": 0,
- "type": "arearange",
- "yAxis": 0,
- },
- ],
- "title": {
- "text": null,
- },
- "tooltip": {
- "animation": false,
- "backgroundColor": "#FFFFFF",
- "borderColor": "#CCCCCC",
- "borderRadius": 10,
- "borderWidth": 1,
- "formatter": [Function],
- "style": {
- "fontFamily": "Open Sans",
- },
- "useHTML": true,
- },
- "xAxis": [
- {
- "categories": [
- "2009-11",
- "2009-12",
- "2010-01",
- "2010-02",
- "2010-03",
- "2010-04",
- "2010-05",
- "2010-06",
- "2010-07",
- "2010-08",
- "2010-09",
- "2010-10",
- "2010-11",
- "2010-12",
- "2011-01",
- "2011-02",
- "2011-03",
- "2011-04",
- "2011-05",
- "2011-06",
- "2011-07",
- "2011-08",
- "2011-09",
- "2011-10",
- "2011-11",
- "2011-12",
- "2012-01",
- "2012-02",
- "2012-03",
- "2012-04",
- "2012-05",
- "2012-06",
- "2012-07",
- "2012-08",
- "2012-09",
- "2012-10",
- "2012-11",
- "2012-12",
- "2013-01",
- "2013-02",
- "2013-03",
- "2013-04",
- "2013-05",
- "2013-06",
- "2013-07",
- "2013-08",
- "2013-09",
- "2013-10",
- "2013-11",
- "2013-12",
- "2014-01",
- "2014-02",
- "2014-03",
- "2014-04",
- "2014-05",
- "2014-06",
- ],
- "endOnTick": false,
- "gridLineColor": "#d1d1d7",
- "gridLineDashStyle": "Dot",
- "gridLineWidth": 0,
- "labels": {
- "autoRotation": [
- -10,
- -20,
- -30,
- -40,
- -50,
- -60,
- -70,
- -80,
- -90,
- ],
- "enabled": true,
- "formatter": [Function],
- "overflow": "none",
- "style": {
- "color": "#5B6372",
- "fontFamily": "Open Sans",
- "fontSize": "13px",
- "fontWeight": "normal",
- "pointerEvents": "none",
- "textOutline": "none",
- },
- },
- "lineColor": "#d1d1d7",
- "lineWidth": 1,
- "max": null,
- "min": null,
- "minorGridLineColor": "#d1d1d7",
- "minorGridLineWidth": 0,
- "minorTickColor": "#d1d1d7",
- "plotBands": [
- {
- "borderWidth": 0,
- "color": "#F7F7FA",
- "from": 49,
- "label": {
- "style": {
- "color": "#5B6372",
- "fontFamily": "Open Sans",
- },
- },
- "to": 56,
- },
- ],
- "plotLines": [],
- "startOnTick": false,
- "tickColor": "#d1d1d7",
- "tickInterval": null,
- "tickWidth": 0,
- "tickmarkPlacement": "on",
- "title": {
- "enabled": false,
- "margin": 25,
- "style": {
- "color": "#5B6372",
- "fontFamily": "Open Sans",
- "fontSize": "13px",
- "fontWeight": "normal",
- "pointerEvents": "none",
- "textOutline": "none",
- },
- "text": "X Axis title",
- },
- "type": "linear",
- },
- ],
- "yAxis": [
- {
- "endOnTick": true,
- "gridLineColor": "#d1d1d7",
- "gridLineDashStyle": "Dot",
- "gridLineWidth": 1,
- "labels": {
- "autoRotation": [
- -10,
- -20,
- -30,
- -40,
- -50,
- -60,
- -70,
- -80,
- -90,
- ],
- "enabled": true,
- "formatter": [Function],
- "style": {
- "color": "#5B6372",
- "fontFamily": "Open Sans",
- "fontSize": "13px",
- "fontWeight": "normal",
- "pointerEvents": "none",
- "textOutline": "none",
- },
- },
- "lineColor": "#d1d1d7",
- "lineWidth": 1,
- "max": 6468195.891011775,
- "min": -598197.3911145851,
- "minorGridLineColor": "#d1d1d7",
- "minorGridLineDashStyle": "Dot",
- "minorGridLineWidth": 0,
- "minorTickColor": "#d1d1d7",
- "minorTickWidth": 0,
- "plotBands": undefined,
- "showLastLabel": true,
- "stackLabels": {
- "allowOverlap": false,
- "crop": true,
- "enabled": false,
- "labelrank": 99999,
- "rotation": 0,
- "style": {
- "color": "#56535b",
- "fontFamily": "Open Sans",
- "fontSize": "13px",
- "fontWeight": "bold",
- "pointerEvents": "none",
- "textOutline": "none",
- "textOverflow": "ellipsis",
- },
- },
- "startOnTick": true,
- "tickColor": "#d1d1d7",
- "tickInterval": null,
- "tickWidth": 0,
- "tickmarkPlacement": "on",
- "title": {
- "enabled": false,
- "margin": 25,
- "style": {
- "color": "#5B6372",
- "fontFamily": "Open Sans",
- "fontSize": "13px",
- "fontWeight": "normal",
- "pointerEvents": "none",
- "textOutline": "none",
- },
- "text": "Y Axis title",
- },
- "type": "linear",
- },
- ],
-}
-`;
-
exports[`Advanced Charts > should render trend chart 1`] = `
{
"accessibility": {
diff --git a/packages/sdk-ui/src/chart/advanced-chart.test.tsx b/packages/sdk-ui/src/chart/advanced-chart.test.tsx
index bb97bb23..20ed30f1 100644
--- a/packages/sdk-ui/src/chart/advanced-chart.test.tsx
+++ b/packages/sdk-ui/src/chart/advanced-chart.test.tsx
@@ -12,9 +12,11 @@ import { setTimeout } from 'timers/promises';
const contextProviderProps: SisenseContextProviderProps = {
url: mockUrl,
token: mockToken,
- enableTracking: false,
defaultDataSource: 'Sample ECommerce',
- appConfig: { queryCacheConfig: { enabled: false } },
+ appConfig: {
+ queryCacheConfig: { enabled: false },
+ trackingConfig: { enabled: false },
+ },
};
describe('Advanced Charts', () => {
diff --git a/packages/sdk-ui/src/charts/map-charts/areamap/areamap-map.tsx b/packages/sdk-ui/src/charts/map-charts/areamap/areamap-map.tsx
index 32841828..81e5677f 100644
--- a/packages/sdk-ui/src/charts/map-charts/areamap/areamap-map.tsx
+++ b/packages/sdk-ui/src/charts/map-charts/areamap/areamap-map.tsx
@@ -10,7 +10,9 @@ import { GeoDataElement } from '../../../chart-data/types.js';
import { scaleBrightness } from '../../../utils/color/index.js';
import { AreamapType } from '../../../types.js';
import { createFeatureStylesDictionary, FeaturesDictionary } from './feature-styles-dictionary.js';
+import { useThemeContext } from '@/theme-provider';
import '../map-charts.scss';
+import { prepareFitBoundsAnimationOptions } from '../scattermap/utils/map.js';
export type AreamapProps = {
geoJson: GeoJsonFeatureCollection;
@@ -26,6 +28,7 @@ export type AreamapProps = {
* Component that renders a map with areas (countries or states) for using in Areamap chart
*/
export const AreamapMap: React.FC = ({ geoJson, geoData, dataOptions, mapType }) => {
+ const { themeSettings } = useThemeContext();
const mapContainer = useRef(null);
const mapInstance = useRef(null);
const [mapLayerGroup] = useState(Leaflet.layerGroup());
@@ -79,9 +82,12 @@ export const AreamapMap: React.FC = ({ geoJson, geoData, dataOptio
if (mapInstance.current) {
mapLayerGroup.clearLayers();
mapLayerGroup.addLayer(geoJsonLayer);
- mapInstance.current.fitBounds(geoJsonLayer.getBounds());
+ mapInstance.current.fitBounds(
+ geoJsonLayer.getBounds(),
+ prepareFitBoundsAnimationOptions(themeSettings),
+ );
}
- }, [dataOptions, featureStylesDictionary, geoJson, mapLayerGroup]);
+ }, [dataOptions, featureStylesDictionary, geoJson, mapLayerGroup, themeSettings]);
return (
{
...actual,
useSisenseContext: vi.fn(() => {
return {
- app: { settings: { serverVersion: 'mockVersion' } },
+ app: {
+ settings: {
+ serverVersion: 'mockVersion',
+ trackingConfig: {
+ enabled: false,
+ },
+ },
+ },
isInitialized: true,
- enableTracking: false,
};
}),
};
diff --git a/packages/sdk-ui/src/charts/map-charts/scattermap/scattermap.tsx b/packages/sdk-ui/src/charts/map-charts/scattermap/scattermap.tsx
index 60ca2033..97aeface 100644
--- a/packages/sdk-ui/src/charts/map-charts/scattermap/scattermap.tsx
+++ b/packages/sdk-ui/src/charts/map-charts/scattermap/scattermap.tsx
@@ -10,7 +10,7 @@ import { useGeoSettings } from './hooks/use-settings.js';
import { getLocationsMarkerColors } from './utils/color.js';
import { createMarker, removeMarkers } from './utils/markers.js';
import { addCopyright } from './utils/copyright.js';
-import { fitMapToBounds } from './utils/map.js';
+import { fitMapToBounds, prepareFitBoundsAnimationOptions } from './utils/map.js';
import {
ChartDataOptionsInternal,
ScattermapChartDataOptionsInternal,
@@ -23,6 +23,7 @@ import '../map-charts.scss';
import './scattermap.scss';
import { DesignOptions } from '@/chart-options-processor/translations/types.js';
import { ChartRendererProps } from '@/chart/types.js';
+import { useThemeContext } from '@/theme-provider';
export type ScattermapProps = {
chartData: ScattermapChartData;
@@ -43,6 +44,7 @@ export const Scattermap = ({
}: ScattermapProps) => {
const { locations } = chartData;
const geoSettings = useGeoSettings();
+ const { themeSettings } = useThemeContext();
const locationsWithCoordinates = useLocations(locations, dataOptions.locationLevel);
@@ -110,7 +112,7 @@ export const Scattermap = ({
color: markerColors[index],
size: markerSizes[index],
fill: designOptions.markers.fill,
- blur: locationWithCoordinates.blur,
+ blur: !!locationWithCoordinates.blur,
},
});
@@ -135,13 +137,18 @@ export const Scattermap = ({
});
});
- fitMapToBounds(mapInstance.current!, markersRef.current);
+ fitMapToBounds(
+ mapInstance.current!,
+ markersRef.current,
+ prepareFitBoundsAnimationOptions(themeSettings),
+ );
}
}, [
locationsWithCoordinates,
markerColors,
markerSizes,
designOptions,
+ themeSettings,
tooltipHandler,
onDataPointClick,
]);
diff --git a/packages/sdk-ui/src/charts/map-charts/scattermap/utils/map.ts b/packages/sdk-ui/src/charts/map-charts/scattermap/utils/map.ts
index 8bfdea92..99569ad3 100644
--- a/packages/sdk-ui/src/charts/map-charts/scattermap/utils/map.ts
+++ b/packages/sdk-ui/src/charts/map-charts/scattermap/utils/map.ts
@@ -1,13 +1,36 @@
-import leaflet from 'leaflet';
+import { CompleteThemeSettings } from '@/index';
+import leaflet, { type FitBoundsOptions } from 'leaflet';
-export function fitMapToBounds(map: leaflet.Map, markers: leaflet.CircleMarker[]) {
+const DEFAULT_ANIMATION_DURATION = 250;
+
+type FitBoundsAnimationOptions = Pick;
+
+export function prepareFitBoundsAnimationOptions(
+ themeSettings: CompleteThemeSettings,
+): FitBoundsAnimationOptions {
+ const duration =
+ themeSettings.chart.animation.init.duration === 'auto'
+ ? DEFAULT_ANIMATION_DURATION
+ : themeSettings.chart.animation.init.duration;
+
+ return {
+ animate: duration !== 0,
+ duration: duration / 1000,
+ };
+}
+
+export function fitMapToBounds(
+ map: leaflet.Map,
+ markers: leaflet.CircleMarker[],
+ options: FitBoundsOptions = {},
+) {
if (!markers.length) return;
map.fitBounds(
markers.map((marker) => [marker.getLatLng().lat, marker.getLatLng().lng]),
{
- animate: true,
maxZoom: 4,
+ ...options,
},
);
}
diff --git a/packages/sdk-ui/src/charts/map-charts/scattermap/utils/markers.ts b/packages/sdk-ui/src/charts/map-charts/scattermap/utils/markers.ts
index e8590bbe..d4008e7c 100644
--- a/packages/sdk-ui/src/charts/map-charts/scattermap/utils/markers.ts
+++ b/packages/sdk-ui/src/charts/map-charts/scattermap/utils/markers.ts
@@ -5,7 +5,7 @@ type MarkerStyle = {
color: string;
size: number;
fill: Required['fill'];
- blur: boolean;
+ blur?: boolean;
};
export type MarkerConfig = {
diff --git a/packages/sdk-ui/src/charts/table/data-table-wrapper.tsx b/packages/sdk-ui/src/charts/table/data-table-wrapper.tsx
index c2e38c66..e526522f 100644
--- a/packages/sdk-ui/src/charts/table/data-table-wrapper.tsx
+++ b/packages/sdk-ui/src/charts/table/data-table-wrapper.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
import { Table, Column, Cell } from 'fixed-data-table-2';
import 'fixed-data-table-2/dist/fixed-data-table.css';
import styles from './styles/data-table-wrapper.module.scss';
@@ -61,14 +61,12 @@ const renderDisplayValue = ({
export const DataTableWrapper = ({
dataTable,
dataOptions,
- isLoading,
height,
width,
customStyles,
themeSettings,
onSortUpdate,
}: DataTableWrapperProps) => {
- const previousIsLoadingRef = useRef(isLoading);
const showFieldTypeIcon =
customStyles && customStyles.showFieldTypeIcon !== undefined
? customStyles.showFieldTypeIcon
@@ -77,152 +75,133 @@ export const DataTableWrapper = ({
const verticalPadding = customStyles?.paddingVertical || DEFAULT_PADDING;
const horizontalPadding = customStyles?.paddingHorizontal || DEFAULT_PADDING;
+ // minus 1px need to avoid crop of right border
+ const widthVal =
+ customStyles?.columns?.width === 'auto'
+ ? (width - horizontalPadding * 2 - 1) / dataOptions.columns.length
+ : undefined;
+
const columnsOptions = useMemo(
() =>
dataOptions.columns.map((col) => ({
- isHtml: (col as Category).isHtml ?? false,
- ...(customStyles?.columns?.width === 'auto'
- ? // minus 1px need to avoid crop of right border
- {
- width:
- (width - horizontalPadding * 2) / dataOptions.columns.length -
- 1 / dataOptions.columns.length,
- }
- : null),
+ isHtml: !!(col as Category).isHtml,
+ width: widthVal,
})),
- [dataOptions, width, customStyles?.columns?.width, horizontalPadding],
+ [dataOptions.columns, widthVal],
);
- const [columnWidths, setColumnWidths] = useState(() =>
- calcColumnWidths(
- dataTable,
- isLoading,
- showFieldTypeIcon,
- columnsOptions,
- themeSettings.typography?.fontFamily,
- ),
- );
+ const [fontsLoaded, setFontsLoaded] = useState(document.fonts?.status === 'loaded');
- useEffect(() => {
- if (isLoading !== previousIsLoadingRef.current) {
- if (!isLoading) {
- // transitioning from isLoading to done
- setColumnWidths(
- calcColumnWidths(
- dataTable,
- isLoading,
- showFieldTypeIcon,
- columnsOptions,
- themeSettings.typography?.fontFamily,
- ),
- );
- }
- previousIsLoadingRef.current = isLoading;
- }
- }, [isLoading, dataTable, themeSettings, columnsOptions, showFieldTypeIcon]);
+ const fontFamily = themeSettings.typography?.fontFamily;
+ const columnWidths = useMemo(() => {
+ void fontsLoaded;
+ return calcColumnWidths(dataTable, showFieldTypeIcon, columnsOptions, fontFamily);
+ }, [dataTable, showFieldTypeIcon, columnsOptions, fontFamily, fontsLoaded]);
- const isFontLoadingObserved = useRef(false);
useEffect(() => {
- if (!isFontLoadingObserved.current && document.fonts) {
- isFontLoadingObserved.current = true;
- document.fonts.ready
- .then(() => {
- setColumnWidths(
- calcColumnWidths(
- dataTable,
- isLoading,
- showFieldTypeIcon,
- columnsOptions,
- themeSettings.typography?.fontFamily,
- ),
- );
- })
- .catch((e) => {
- throw e;
- });
- }
- }, [
- dataTable,
- isLoading,
- columnsOptions,
- themeSettings.typography?.fontFamily,
- showFieldTypeIcon,
- ]);
+ document.fonts?.ready
+ .then(() => {
+ setFontsLoaded(true);
+ })
+ .catch((e) => {
+ console.warn('Failed to observe font loading', e);
+ });
+ }, []);
- return (
- |
+ {renderDisplayValue({
+ // eslint-disable-next-line security/detect-object-injection
+ displayValue: dataTable.rows[rowIndex][colIndex].displayValue,
+ width: columnWidth,
+ padding: DATA_PADDING,
+ ellipsizedLength: DATA_ELLIPSIZED_LENGTH,
+ isHtml: (columnOptions as Category).isHtml ?? false,
+ })}
+ |
+ )}
+ align={alignmentForColumnType(column.type)}
+ />
+ ) : null;
+ }),
+ [
+ dataTable,
+ columnWidths,
+ themeSettings,
+ customStyles,
+ onSortUpdate,
+ showFieldTypeIcon,
+ dataOptions,
+ headerPadding,
+ ],
+ );
+
+ return useMemo(
+ () => (
+
(
value: T,
- propNames: Array,
+ propNames?: Array,
compare?: (value: T, prev: T) => boolean,
) {
const prev = usePrevious(value);
- if (!prev) {
+ // compare primitive values and functions directly
+ if (!(typeof value === 'object') && value === prev) {
+ return false;
+ }
+
+ if (prev === null || prev === undefined) {
return true;
}
- const changed = propNames.some(
- // eslint-disable-next-line security/detect-object-injection
- (paramName) => !isEqual(prev[paramName], value[paramName]),
- );
+ const changed = propNames
+ ? propNames.some(
+ // eslint-disable-next-line security/detect-object-injection
+ (paramName) => !isEqual(prev[paramName], value[paramName]),
+ )
+ : !isEqual(prev, value);
+
if (changed) {
return true;
}
diff --git a/packages/sdk-ui/src/common/hooks/use-tracking.ts b/packages/sdk-ui/src/common/hooks/use-tracking.ts
new file mode 100644
index 00000000..deac0e23
--- /dev/null
+++ b/packages/sdk-ui/src/common/hooks/use-tracking.ts
@@ -0,0 +1,87 @@
+import { useSisenseContext } from '@/sisense-context/sisense-context';
+import { HttpClient } from '@sisense/sdk-rest-client';
+import {
+ ErrorEventOptions,
+ eventRegistry,
+ TrackingEventType,
+ TrackingEventDetails,
+ trackProductEvent,
+} from '@sisense/sdk-tracking';
+import { useCallback } from 'react';
+
+export const executeTracking = (
+ eventType: TrackingEventType,
+ eventPayload: TrackingEventDetails,
+ httpClient: HttpClient,
+ onTrackingEvent?: (payload: TrackingEventDetails) => void,
+ isDebugMode?: boolean,
+) => {
+ const eventConfig = eventRegistry[`${eventType}`];
+
+ if (eventConfig.internal) {
+ trackProductEvent(eventType, eventPayload, httpClient, isDebugMode);
+ }
+
+ if (eventConfig.external && !!onTrackingEvent) {
+ onTrackingEvent({ action: eventType, ...eventPayload });
+ }
+
+ return Promise.resolve();
+};
+
+export const useTracking = () => {
+ const { tracking, app } = useSisenseContext();
+
+ const trackEvent = useCallback(
+ (
+ eventType: TrackingEventType,
+ eventPayload: TrackingEventDetails = {},
+ isDebugMode = false,
+ ) => {
+ if (!app) return Promise.resolve();
+
+ return executeTracking(
+ eventType,
+ eventPayload,
+ app.httpClient,
+ tracking.onTrackingEvent,
+ isDebugMode,
+ );
+ },
+ [tracking, app],
+ );
+
+ const trackError = useCallback(
+ (options: ErrorEventOptions, isDebugMode = false) => {
+ if (!app) return Promise.resolve();
+
+ const { packageName, packageVersion, component, error } = options;
+ let errorMessage = '';
+ if (typeof error === 'string') {
+ errorMessage = error;
+ } else if (error instanceof Error) {
+ errorMessage = error.message || error.toString();
+ }
+
+ const payload = {
+ packageName,
+ packageVersion,
+ component,
+ error: errorMessage,
+ };
+ return executeTracking(
+ 'sdkError',
+ payload,
+ app.httpClient,
+ tracking.onTrackingEvent,
+ isDebugMode,
+ );
+ },
+ [tracking, app],
+ );
+
+ return {
+ trackEvent,
+ trackError,
+ };
+};
diff --git a/packages/sdk-ui/src/dashboard-widget/dashboard-widget.test.tsx b/packages/sdk-ui/src/dashboard-widget/dashboard-widget.test.tsx
index 44a1ed1d..d7dee073 100644
--- a/packages/sdk-ui/src/dashboard-widget/dashboard-widget.test.tsx
+++ b/packages/sdk-ui/src/dashboard-widget/dashboard-widget.test.tsx
@@ -21,7 +21,11 @@ describe('DashboardWidget', () => {
expect.assertions(1);
const { getByText } = render(
-
+
,
);
diff --git a/packages/sdk-ui/src/dashboard-widget/translate-widget-data-options.ts b/packages/sdk-ui/src/dashboard-widget/translate-widget-data-options.ts
index 70614481..ff864b21 100644
--- a/packages/sdk-ui/src/dashboard-widget/translate-widget-data-options.ts
+++ b/packages/sdk-ui/src/dashboard-widget/translate-widget-data-options.ts
@@ -166,9 +166,21 @@ export function createDataColumn(item: PanelItem, customPaletteColors?: Color[])
const numberFormatConfig = extractNumberFormat(item);
const subtotal = item.format?.subtotal;
const width = item.format?.width;
+ let color = createValueColorOptions(item.format?.color, customPaletteColors);
+
+ // Hande specific case in Fusion dashboard model
+ // Sunburst palette index stores that way
+ if (!color && !item.format?.color && item.format && 'colorIndex' in item.format) {
+ color = createValueColorOptions(
+ {
+ type: 'color',
+ colorIndex: item.format.colorIndex,
+ },
+ customPaletteColors,
+ );
+ }
if (MetadataTypes.isMeasure(element)) {
- const color = createValueColorOptions(item.format?.color, customPaletteColors);
const showOnRightAxis = item.y2;
const chartType = item.singleSeriesType;
const totalsCalculation = 'subtotalAgg' in item.jaql && item.jaql.subtotalAgg;
@@ -194,6 +206,7 @@ export function createDataColumn(item: PanelItem, customPaletteColors?: Color[])
...(numberFormatConfig && { numberFormatConfig }),
...(subtotal && { includeSubTotals: subtotal }),
...(width && { width }),
+ ...(color && { color }),
} as StyledColumn;
}
diff --git a/packages/sdk-ui/src/dashboard-widget/translate-widget-drilldown-options.test.ts b/packages/sdk-ui/src/dashboard-widget/translate-widget-drilldown-options.test.ts
index 37c0d5d4..c1d8f37b 100644
--- a/packages/sdk-ui/src/dashboard-widget/translate-widget-drilldown-options.test.ts
+++ b/packages/sdk-ui/src/dashboard-widget/translate-widget-drilldown-options.test.ts
@@ -53,8 +53,8 @@ describe('translate widget drilldown options', () => {
const drilldownOptions = extractDrilldownOptions('chart/column', panels);
verifyColumn(dataOptions.category[0], panels[0].items[0].parent!.parent!);
- verifyColumn(drilldownOptions?.drilldownDimensions![1]!, panels[0].items[0]);
- verifyColumn(drilldownOptions?.drilldownDimensions![0]!, panels[0].items[0].parent!);
+ verifyColumn(drilldownOptions?.drilldownDimensions![1], panels[0].items[0]);
+ verifyColumn(drilldownOptions?.drilldownDimensions![0], panels[0].items[0].parent!);
verifyColumn(drilldownOptions?.drilldownSelections![1].nextDimension, panels[0].items[0]);
verifyColumn(
diff --git a/packages/sdk-ui/src/dashboard-widget/translate-widget-drilldown-options.ts b/packages/sdk-ui/src/dashboard-widget/translate-widget-drilldown-options.ts
index bc2bde40..f8c63c13 100644
--- a/packages/sdk-ui/src/dashboard-widget/translate-widget-drilldown-options.ts
+++ b/packages/sdk-ui/src/dashboard-widget/translate-widget-drilldown-options.ts
@@ -5,6 +5,7 @@ import { getEnabledPanelItems } from './utils';
import { DataPoint, DrilldownOptions } from '../types';
import { applyDateFormat } from '../query/date-formats/apply-date-format';
import parseISO from 'date-fns/parseISO';
+import uniqBy from 'lodash/uniqBy';
const getAvailableDrilldowns = (item: PanelItem): Attribute[] =>
item?.parent
@@ -36,33 +37,48 @@ const getDrilldownSelections = (
};
/**
- * Gets the panel name allowed for drilling based on the widget type.
+ * Gets the panel names allowed for drilling based on the widget type.
*
* @param {WidgetType} widgetType - The type of the widget.
* @returns {string[]} An array of panel names allowed for drilling.
*/
-function getDrilldownAllowedPanelName(widgetType: WidgetType) {
+function getDrilldownAllowedPanelNames(widgetType: WidgetType) {
switch (widgetType) {
case 'chart/line':
case 'chart/area':
- return 'x-axis';
+ return ['x-axis'];
case 'chart/boxplot':
- return 'category';
+ return ['category'];
+ case 'chart/scatter':
+ return ['x-axis', 'y-axis', 'point', 'Break By / Color'];
default:
- return 'categories';
+ return ['categories'];
}
}
export const extractDrilldownOptions = (
widgetType: WidgetType,
panels: Panel[],
+ drillHistory: PanelItem[] = [],
+ enableDrillToAnywhere?: boolean,
): DrilldownOptions => {
- const categoriesPanelName = getDrilldownAllowedPanelName(widgetType);
- const item = getEnabledPanelItems(panels, categoriesPanelName)[0];
- const drilldownSelections = getDrilldownSelections(item);
- const drilldownDimensions = getAvailableDrilldowns(item);
+ const panelNames = getDrilldownAllowedPanelNames(widgetType);
+ const drilledItem = panelNames
+ .map((name) => getEnabledPanelItems(panels, name))
+ .flat()
+ .find((item) => !!item.parent);
+
+ const drilldownSelections = getDrilldownSelections(drilledItem);
+ const targetDrilldownDimensions = uniqBy(
+ [
+ ...(drilledItem ? getAvailableDrilldowns(drilledItem) : []),
+ ...(enableDrillToAnywhere ? drillHistory.map(getAvailableDrilldowns).flat() : []),
+ ],
+ ({ expression }) => expression,
+ );
+
return {
- drilldownDimensions,
+ drilldownDimensions: targetDrilldownDimensions,
drilldownSelections,
};
};
diff --git a/packages/sdk-ui/src/dashboard-widget/types.ts b/packages/sdk-ui/src/dashboard-widget/types.ts
index c2a0df61..470ea137 100644
--- a/packages/sdk-ui/src/dashboard-widget/types.ts
+++ b/packages/sdk-ui/src/dashboard-widget/types.ts
@@ -96,6 +96,7 @@ export interface WidgetDto {
metadata: {
ignore?: FiltersIgnoringRules;
panels: Panel[];
+ drillHistory?: PanelItem[];
};
style: WidgetStyle;
title: string;
@@ -103,6 +104,7 @@ export interface WidgetDto {
options?: {
dashboardFiltersMode: `${WidgetDashboardFilterMode}`;
selector: boolean;
+ drillToAnywhere?: boolean;
};
}
@@ -177,6 +179,7 @@ export type PanelItem = {
subtotal?: boolean;
databars?: boolean;
width?: number;
+ colorIndex?: number;
};
jaql: Jaql;
disabled?: boolean;
diff --git a/packages/sdk-ui/src/dashboard/components/content-panel.tsx b/packages/sdk-ui/src/dashboard/components/content-panel.tsx
index 543ce463..31cd9a36 100644
--- a/packages/sdk-ui/src/dashboard/components/content-panel.tsx
+++ b/packages/sdk-ui/src/dashboard/components/content-panel.tsx
@@ -11,24 +11,28 @@ import { TableWidget } from '@/widgets/table-widget';
import styled from '@emotion/styled';
import { PluginService } from './plugin-service';
-const DIVIDER_COLOR = '#f2f2f2';
-const DIVIDER_WIDTH = 4;
-
const Row = styled.div<{ widths: number[] }>`
display: grid;
grid-template-columns: ${({ widths }) => widths.map((w) => `${w}%`).join(' ')};
`;
-const Column = styled.div`
+const Column = styled.div<{
+ dividerWidth: number;
+ dividerColor: string;
+}>`
&:not(:first-of-type) {
- border-left: ${getDividerStyle(DIVIDER_COLOR, DIVIDER_WIDTH)};
+ border-left: ${({ dividerWidth, dividerColor }) => getDividerStyle(dividerColor, dividerWidth)};
}
`;
-const Subcell = styled.div<{ height: string | number }>`
- border-bottom: ${getDividerStyle(DIVIDER_COLOR, DIVIDER_WIDTH)};
+const Subcell = styled.div<{
+ height: string | number;
+ dividerWidth: number;
+ dividerColor: string;
+}>`
+ border-bottom: ${({ dividerWidth, dividerColor }) => getDividerStyle(dividerColor, dividerWidth)};
&:not(:first-of-type) {
- border-left: ${getDividerStyle(DIVIDER_COLOR, DIVIDER_WIDTH)};
+ border-left: ${({ dividerWidth, dividerColor }) => getDividerStyle(dividerColor, dividerWidth)};
}
height: ${({ height }) => `calc(${height} + 32px)`};
`;
@@ -78,7 +82,7 @@ const renderWidgetModel = (w: WidgetModel | undefined, theme: CompleteThemeSetti
} else if (isPivotWidget(w.widgetType)) {
return c.widthPercentage)}>
{layout.columns.map((column, columnIndex) => (
-
+
{column.rows?.map((row, cellIndex) => (
{
{renderWidgetModel(
widgets.find((w) => w.oid === subcell.widgetId),
diff --git a/packages/sdk-ui/src/dashboard/components/dashboard-container.tsx b/packages/sdk-ui/src/dashboard/components/dashboard-container.tsx
index 07282406..09eae242 100644
--- a/packages/sdk-ui/src/dashboard/components/dashboard-container.tsx
+++ b/packages/sdk-ui/src/dashboard/components/dashboard-container.tsx
@@ -37,10 +37,10 @@ export const DashboardContainer = ({
const { themeSettings } = useThemeContext();
return (
-
+
diff --git a/packages/sdk-ui/src/dashboard/dashboard-by-id.tsx b/packages/sdk-ui/src/dashboard/dashboard-by-id.tsx
index be7d88e3..76dc7478 100644
--- a/packages/sdk-ui/src/dashboard/dashboard-by-id.tsx
+++ b/packages/sdk-ui/src/dashboard/dashboard-by-id.tsx
@@ -3,15 +3,20 @@ import { Dashboard } from './dashboard';
import { DashboardByIdProps } from './types';
import { LoadingOverlay } from '@/common/components/loading-overlay';
import { useThemeContext } from '@/theme-provider';
+import { asSisenseComponent } from '@/decorators/component-decorators/as-sisense-component';
/**
- * React component that renders a dashboard created in Sisense Fusion Embed
+ * React component that renders a dashboard created in Sisense Fusion by its ID.
*
* **Note:** Dashboard extensions based on JS scripts and add-ons in Fusion are not supported.
*
- * @internal
+ * @group Fusion Embed
+ * @fusionEmbed
+ * @alpha
*/
-export const DashboardById = ({ dashboardOid }: DashboardByIdProps) => {
+export const DashboardById = asSisenseComponent({
+ componentName: 'DashboardById',
+})(({ dashboardOid }: DashboardByIdProps) => {
const { themeSettings } = useThemeContext();
const { dashboard, isLoading, isError } = useGetDashboardModel({
dashboardOid,
@@ -26,4 +31,4 @@ export const DashboardById = ({ dashboardOid }: DashboardByIdProps) => {
{dashboard && (widgets);
+export const Dashboard = asSisenseComponent({
+ componentName: 'Dashboard',
+})(
+ ({
+ title,
+ layout,
+ widgets,
+ filters,
+ defaultDataSource,
+ widgetFilterOptions,
+ styleOptions,
+ }: DashboardProps) => {
+ const {
+ filters: commonFilters,
+ setFilters,
+ connectToWidgetModel,
+ } = useCommonFilters({ initialFilters: filters });
+ const [innerWidgets, setInnerWidgets] = useState(widgets);
+ const { themeSettings } = useThemeContext();
+ const { palette, ...restDashboardStyles } = styleOptions;
- const widgetsWithCommonFilters = useMemo(() => {
- return innerWidgets
- .filter((widget) => isSupportedWidgetTypeByDashboard(widget.widgetType))
- .map((widget) => connectToWidgetModel(widget, widgetFilterOptions?.[widget.oid]));
- }, [innerWidgets, widgetFilterOptions, connectToWidgetModel]);
+ const widgetsWithCommonFilters = useMemo(() => {
+ return innerWidgets
+ .filter((widget) => isSupportedWidgetTypeByDashboard(widget.widgetType))
+ .map((widget) => connectToWidgetModel(widget, widgetFilterOptions?.[widget.oid]));
+ }, [innerWidgets, widgetFilterOptions, connectToWidgetModel]);
- useEffect(() => {
- setFilters(filters);
- }, [filters, setFilters]);
+ useEffect(() => {
+ setFilters(filters);
+ }, [filters, setFilters]);
- useEffect(() => {
- setInnerWidgets(widgets);
- }, [widgets]);
- return (
-
-
- );
-};
+ useEffect(() => {
+ setInnerWidgets(widgets);
+ }, [widgets]);
+ return (
+
+
+ );
+ },
+);
diff --git a/packages/sdk-ui/src/dashboard/index.ts b/packages/sdk-ui/src/dashboard/index.ts
index 0943d0d5..4b2b3d94 100644
--- a/packages/sdk-ui/src/dashboard/index.ts
+++ b/packages/sdk-ui/src/dashboard/index.ts
@@ -1,3 +1,3 @@
export { DashboardById } from './dashboard-by-id';
export { Dashboard } from './dashboard';
-export { type DashboardByIdProps, type DashboardProps } from './types';
+export type { DashboardByIdProps, DashboardProps, DashboardStyleOptions } from './types';
diff --git a/packages/sdk-ui/src/dashboard/types.ts b/packages/sdk-ui/src/dashboard/types.ts
index f8677c66..dd29e804 100644
--- a/packages/sdk-ui/src/dashboard/types.ts
+++ b/packages/sdk-ui/src/dashboard/types.ts
@@ -1,19 +1,20 @@
import { DashboardStyleOptions, Layout, WidgetFilterOptions, WidgetModel } from '@/models';
import { DataSource, Filter } from '@sisense/sdk-data';
+export type { DashboardStyleOptions, Layout } from '@/models';
+
/**
* Props for the DashboardById component
- *
- * @internal
*/
export interface DashboardByIdProps {
+ /**
+ * The OID of the dashboard to render.
+ */
dashboardOid: string;
}
/**
* Props for the DashboardLayout component
- *
- * @internal
*/
export interface DashboardLayoutProps {
title: string;
@@ -26,16 +27,21 @@ export interface DashboardLayoutProps {
/**
* Props for the Dashboard component
- *
- * @internal
*/
export interface DashboardProps {
+ /** The title of the dashboard */
title: string;
+ /** The layout of the dashboard */
layout: Layout;
+ /** The widgets to render in the dashboard */
widgets: WidgetModel[];
+ /** The dashboard filters to be applied to each of the widgets based on the widget filter options */
filters: Filter[];
+ /** The default data source to use for the dashboard */
defaultDataSource?: DataSource;
+ /** The filter options for each of the widgets */
widgetFilterOptions?: WidgetFilterOptions;
+ /** The style options for the dashboard */
styleOptions: DashboardStyleOptions;
}
diff --git a/packages/sdk-ui/src/decorators/component-decorators/with-sisense-context-validation.tsx b/packages/sdk-ui/src/decorators/component-decorators/with-sisense-context-validation.tsx
index 5a1bd3b8..0238588f 100644
--- a/packages/sdk-ui/src/decorators/component-decorators/with-sisense-context-validation.tsx
+++ b/packages/sdk-ui/src/decorators/component-decorators/with-sisense-context-validation.tsx
@@ -3,6 +3,7 @@ import isFunction from 'lodash/isFunction';
import { ComponentDecorator, SisenseComponentConfig } from './as-sisense-component';
import { TranslatableError } from '../../translation/translatable-error';
import { useSisenseContext } from '../../sisense-context/sisense-context';
+import { LoadingIndicator } from '@/common/components/loading-indicator';
type SisenseContextValidationConfig = Pick<
SisenseComponentConfig,
@@ -44,8 +45,3 @@ function canRenderWithoutSisenseContextWaiting(
(isFunction(shouldSkipSisenseContextWaiting) && shouldSkipSisenseContextWaiting(props))
);
}
-
-function LoadingIndicator() {
- // TODO: add a nice loading indicator
- return null;
-}
diff --git a/packages/sdk-ui/src/decorators/component-decorators/with-tracking/error-tracker.tsx b/packages/sdk-ui/src/decorators/component-decorators/with-tracking/error-tracker.tsx
index 382967f8..84ce112d 100644
--- a/packages/sdk-ui/src/decorators/component-decorators/with-tracking/error-tracker.tsx
+++ b/packages/sdk-ui/src/decorators/component-decorators/with-tracking/error-tracker.tsx
@@ -1,10 +1,11 @@
-import { trackUiError } from '@sisense/sdk-tracking';
+import { ErrorEventOptions } from '@sisense/sdk-tracking';
import { HttpClient } from '@sisense/sdk-rest-client';
import { Component, ReactNode } from 'react';
import { SisenseContext, SisenseContextPayload } from '../../../sisense-context/sisense-context';
type ErrorTrackerProps = {
children: ReactNode;
+ handler: (options: ErrorEventOptions) => Promise;
componentName: string;
};
export class ErrorTracker extends Component {
@@ -12,12 +13,15 @@ export class ErrorTracker extends Component Promise;
+
httpClient?: HttpClient;
postponedErrors: Error[] = [];
constructor(props: ErrorTrackerProps) {
super(props);
+ this.handler = props.handler;
this.componentName = props.componentName;
}
@@ -34,28 +38,28 @@ export class ErrorTracker extends Component
- console.log('Failed to send tracking error event: ', trackingSendingError),
- );
+ });
+ } catch (trackingSendingError) {
+ console.log('Failed to send tracking error event: ', trackingSendingError);
+ }
}
render(): ReactNode {
if (this.httpClient && this.postponedErrors.length > 0) {
- this.postponedErrors.forEach((error) => this.sendErrorTracking(error, this.httpClient!));
+ this.postponedErrors.forEach((error) => this.sendErrorTracking(error));
}
this.postponedErrors = [];
return this.props.children;
diff --git a/packages/sdk-ui/src/decorators/component-decorators/with-tracking/use-track-component-init.tsx b/packages/sdk-ui/src/decorators/component-decorators/with-tracking/use-track-component-init.tsx
index c4cbc3c0..ce48f86e 100644
--- a/packages/sdk-ui/src/decorators/component-decorators/with-tracking/use-track-component-init.tsx
+++ b/packages/sdk-ui/src/decorators/component-decorators/with-tracking/use-track-component-init.tsx
@@ -1,9 +1,10 @@
-import { TrackingDetails, trackProductEvent } from '@sisense/sdk-tracking';
+import { TrackingEventDetails } from '@sisense/sdk-tracking';
import { useSisenseContext } from '../../../sisense-context/sisense-context';
import { createContext, ReactNode, useContext, useEffect, useRef } from 'react';
+import { useTracking } from '@/common/hooks/use-tracking';
const action = 'sdkComponentInit';
-interface ComponentInitEventDetails extends TrackingDetails {
+interface ComponentInitEventDetails extends TrackingEventDetails {
packageName: string;
packageVersion: string;
componentName: string;
@@ -20,17 +21,15 @@ export const TrackingContextProvider = ({
}) => {children} ;
export const useTrackComponentInit =
-
- {dataTable.columns.map((column, colIndex) => {
- return columnWidths[colIndex] ? (
-
-
+
+
+ }
+ cell={({ rowIndex, ...props }) => (
+
+
+ {columns}
+
+
+ ),
+ [columns, customStyles, dataTable, height, horizontalPadding, verticalPadding, width],
);
};
diff --git a/packages/sdk-ui/src/charts/table/helpers/calc-column-widths.ts b/packages/sdk-ui/src/charts/table/helpers/calc-column-widths.ts
index 155e0a06..24b92be8 100644
--- a/packages/sdk-ui/src/charts/table/helpers/calc-column-widths.ts
+++ b/packages/sdk-ui/src/charts/table/helpers/calc-column-widths.ts
@@ -10,7 +10,6 @@ import {
export const calcColumnWidths = (
dataTable: DataTable,
- isLoading: boolean,
isShowFieldTypeIcon: boolean,
columnsOptions: {
isHtml: boolean;
@@ -35,7 +34,7 @@ export const calcColumnWidths = (
return { type: simpleColumnType(column.type), index: column.index };
});
// get pixel width of longest data for each column
- const rows = isLoading ? dataTable.rows.slice(0, 100) : dataTable.rows;
+ const { rows } = dataTable;
const columnDataWidths = columnsWithSimpleTypes.map((column) => {
const pixelForValue = rows.reduce((longestWidth, currentRow) => {
const displayValue = currentRow[column.index].displayValue;
diff --git a/packages/sdk-ui/src/charts/table/pure-table.tsx b/packages/sdk-ui/src/charts/table/pure-table.tsx
index ad4da7c9..da397c49 100644
--- a/packages/sdk-ui/src/charts/table/pure-table.tsx
+++ b/packages/sdk-ui/src/charts/table/pure-table.tsx
@@ -1,4 +1,4 @@
-import React, { useRef, useLayoutEffect, useMemo } from 'react';
+import { useRef, useLayoutEffect, useMemo } from 'react';
import { DataTableWrapper } from './data-table-wrapper';
import styles from './styles/table-chart.module.scss';
import { TableProps } from './types';
@@ -38,22 +38,24 @@ export const PureTable = ({
loadedTable.current = dataTable;
}, [dataTable]);
- const isLoading = dataTable !== loadedTable.current;
+ const customStyles = useMemo(
+ () => ({
+ sortIcon: 'caret' as const,
+ showFieldTypeIcon: false,
+ ...designOptions,
+ }),
+ [designOptions],
+ );
return (
(componentName: string, props: P) => {
- const { app, tracking } = useSisenseContext();
+ const { tracking } = useSisenseContext();
+ const { trackEvent } = useTracking();
const inTrackingContext = useContext(TrackingContext);
const hasTrackedRef = useRef (componentName: string, props
.join(', '),
};
- void trackProductEvent(action, payload, app.httpClient, !tracking.enabled).finally(
+ void trackEvent(action, payload, !tracking.enabled).finally(
() => (hasTrackedRef.current = true),
);
}
- }, [componentName, props, app, tracking, inTrackingContext]);
+ }, [componentName, props, tracking, inTrackingContext, trackEvent]);
};
diff --git a/packages/sdk-ui/src/decorators/component-decorators/with-tracking/with-tracking.tsx b/packages/sdk-ui/src/decorators/component-decorators/with-tracking/with-tracking.tsx
index 0571164c..aa7f2d27 100644
--- a/packages/sdk-ui/src/decorators/component-decorators/with-tracking/with-tracking.tsx
+++ b/packages/sdk-ui/src/decorators/component-decorators/with-tracking/with-tracking.tsx
@@ -3,6 +3,7 @@ import { ComponentDecorator } from '../as-sisense-component';
import isBoolean from 'lodash/isBoolean';
import isFunction from 'lodash/isFunction';
import { ErrorTracker } from './error-tracker';
+import { useTracking } from '@/common/hooks/use-tracking';
type TrackingDecoratorConfig = {
componentName: string;
@@ -22,6 +23,8 @@ export const withTracking: ComponentDecorator
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
should render empty pivot table widget 1`] = `
>
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
- * @param props - ChartWidget properties
- * @returns ChartWidget component representing a chart type as specified in `ChartWidgetProps.`{@link ChartWidgetProps.chartType}
- */
-export const ChartWidgetDeprecated: FunctionComponent
-
-
-
-
- {!styleOptions?.header?.hidden && (
- setRefreshCounter(refreshCounter + 1)}
- />
- )}
- {topSlot}
-
-
-
-
- {bottomSlot}
-
-
-
-