@perses-dev/timeseries-chart-plugin 0.13.0-beta.2 → 0.13.0-rc.0

package/lib/utils/data-transform.js

@@ -32,6 +32,7 @@ export const BLUR_FADEOUT_OPACITY = 0.5;
  */ export function getTimeSeries(id, datasetIndex, formattedName, visual, timeScale, paletteColor, querySettings, yAxisIndex) {
     const lineWidth = visual.lineWidth ?? DEFAULT_LINE_WIDTH;
     const pointRadius = visual.pointRadius ?? DEFAULT_POINT_RADIUS;
+    const shouldStack = querySettings?.stack !== undefined ? querySettings.stack : visual.stack === 'all';
     // Shows datapoint symbols when selected time range is roughly 15 minutes or less
     const minuteMs = 60000;
     let showPoints = timeScale.rangeMs <= minuteMs * 15;
@@ -46,7 +47,7 @@ export const BLUR_FADEOUT_OPACITY = 0.5;
             datasetIndex,
             name: formattedName,
             color: paletteColor,
-            stack: visual.stack === 'all' ? visual.stack : undefined,
+            stack: shouldStack ? 'all' : undefined,
             yAxisIndex: yAxisIndex,
             label: {
                 show: false
@@ -61,7 +62,7 @@ export const BLUR_FADEOUT_OPACITY = 0.5;
         name: formattedName,
         connectNulls: visual.connectNulls ?? DEFAULT_CONNECT_NULLS,
         color: paletteColor,
-        stack: visual.stack === 'all' ? visual.stack : undefined,
+        stack: shouldStack ? 'all' : undefined,
         yAxisIndex: yAxisIndex,
         sampling: 'lttb',
         progressiveThreshold: OPTIMIZED_MODE_SERIES_LIMIT,
@@ -85,13 +86,6 @@ export const BLUR_FADEOUT_OPACITY = 0.5;
                 type: visual.lineStyle
             }
         },
-        selectedMode: 'single',
-        select: {
-            itemStyle: {
-                borderColor: paletteColor,
-                borderWidth: pointRadius + 0.5
-            }
-        },
         blur: {
             lineStyle: {
                 width: lineWidth,
@@ -151,8 +145,10 @@ function findMax(data) {
             series.values.forEach((valueTuple)=>{
                 // eslint-disable-next-line @typescript-eslint/no-unused-vars
                 const [_, value] = valueTuple;
-                if (typeof value === 'number' && value > max) {
-                    max = value;
+                // Use the absolute value so percent thresholds compute correctly against
+                // negated series (e.g. when `querySettings[].negativeY` is enabled).
+                if (typeof value === 'number' && Math.abs(value) > max) {
+                    max = Math.abs(value);
                 }
             });
         });
@@ -160,8 +156,8 @@ function findMax(data) {
         data.forEach((series)=>{
             if (series.data !== undefined) {
                 series.data.forEach((value)=>{
-                    if (typeof value === 'number' && value > max) {
-                        max = value;
+                    if (typeof value === 'number' && Math.abs(value) > max) {
+                        max = Math.abs(value);
                     }
                 });
             }

package/lib/utils/data-transform.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/data-transform.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { YAXisComponentOption } from 'echarts';\nimport { LineSeriesOption, BarSeriesOption } from 'echarts/charts';\nimport {\n  OPTIMIZED_MODE_SERIES_LIMIT,\n  LegacyTimeSeries,\n  EChartsDataFormat,\n  EChartsValues,\n  TimeSeriesOption,\n  StepOptions,\n  getCommonTimeScale,\n} from '@perses-dev/components';\nimport { useTimeSeriesQueries, PanelData } from '@perses-dev/plugin-system';\nimport { TimeScale, TimeSeries, TimeSeriesData, TimeSeriesValueTuple } from '@perses-dev/spec';\nimport {\n  DEFAULT_AREA_OPACITY,\n  DEFAULT_CONNECT_NULLS,\n  DEFAULT_LINE_WIDTH,\n  DEFAULT_POINT_RADIUS,\n  DEFAULT_Y_AXIS,\n  POSITIVE_MIN_VALUE_MULTIPLIER,\n  NEGATIVE_MIN_VALUE_MULTIPLIER,\n  TimeSeriesChartVisualOptions,\n  TimeSeriesChartYAxisOptions,\n  LineStyleType,\n} from '../time-series-chart-model';\n\nexport type RunningQueriesState = ReturnType<typeof useTimeSeriesQueries>;\n\nexport const EMPTY_GRAPH_DATA: EChartsDataFormat = {\n  timeSeries: [],\n  xAxis: [],\n  legendItems: [],\n};\n\nexport const HIDE_DATAPOINTS_LIMIT = 70;\n\nexport const BLUR_FADEOUT_OPACITY = 0.5;\n\n/**\n * Given a list of running queries, calculates a common time scale for use on\n * the x axis (i.e. start/end dates and a step that is divisible into all of\n * the queries' steps).\n */\nexport function getCommonTimeScaleForQueries(queries: Array<PanelData<TimeSeriesData>>): TimeScale | undefined {\n  const seriesData = queries.map((query) => query.data);\n  return getCommonTimeScale(seriesData);\n}\n\n/**\n * Gets ECharts line series option properties for regular trends\n */\nexport function getTimeSeries(\n  id: string,\n  datasetIndex: number,\n  formattedName: string,\n  visual: TimeSeriesChartVisualOptions,\n  timeScale: TimeScale,\n  paletteColor: string,\n  querySettings?: { lineStyle?: LineStyleType; areaOpacity?: number },\n  yAxisIndex?: number\n): TimeSeriesOption {\n  const lineWidth = visual.lineWidth ?? DEFAULT_LINE_WIDTH;\n  const pointRadius = visual.pointRadius ?? DEFAULT_POINT_RADIUS;\n\n  // Shows datapoint symbols when selected time range is roughly 15 minutes or less\n  const minuteMs = 60000;\n  let showPoints = timeScale.rangeMs <= minuteMs * 15;\n  // Allows overriding default behavior and opt-in to always show all symbols (can hurt performance)\n  if (visual.showPoints === 'always') {\n    showPoints = true;\n  }\n\n  if (visual.display === 'bar') {\n    const series: BarSeriesOption = {\n      type: 'bar',\n      id: id,\n      datasetIndex,\n      name: formattedName,\n      color: paletteColor,\n      stack: visual.stack === 'all' ? visual.stack : undefined,\n      yAxisIndex: yAxisIndex,\n      label: {\n        show: false,\n      },\n    };\n    return series;\n  }\n\n  const series: LineSeriesOption = {\n    type: 'line',\n    id: id,\n    datasetIndex,\n    name: formattedName,\n    connectNulls: visual.connectNulls ?? DEFAULT_CONNECT_NULLS,\n    color: paletteColor,\n    stack: visual.stack === 'all' ? visual.stack : undefined,\n    yAxisIndex: yAxisIndex,\n    sampling: 'lttb',\n    progressiveThreshold: OPTIMIZED_MODE_SERIES_LIMIT, // https://echarts.apache.org/en/option.html#series-lines.progressiveThreshold\n    showSymbol: showPoints,\n    showAllSymbol: true,\n    symbolSize: pointRadius,\n    lineStyle: {\n      width: lineWidth,\n      type: (querySettings?.lineStyle ?? visual.lineStyle) as LineStyleType,\n    },\n    areaStyle: {\n      opacity: querySettings?.areaOpacity ?? visual.areaOpacity ?? DEFAULT_AREA_OPACITY,\n    },\n    // https://echarts.apache.org/en/option.html#series-line.emphasis\n    emphasis: {\n      focus: 'series',\n      disabled: visual.areaOpacity !== undefined && visual.areaOpacity > 0, // prevents flicker when moving cursor between shaded regions\n      lineStyle: {\n        width: lineWidth + 1,\n        opacity: 1,\n        type: visual.lineStyle,\n      },\n    },\n    selectedMode: 'single',\n    select: {\n      itemStyle: {\n        borderColor: paletteColor,\n        borderWidth: pointRadius + 0.5,\n      },\n    },\n    blur: {\n      lineStyle: {\n        width: lineWidth,\n        opacity: BLUR_FADEOUT_OPACITY,\n        type: visual.lineStyle,\n      },\n    },\n  };\n  return series;\n}\n\n/**\n * Gets threshold-specific line series styles\n * markLine cannot be used since it does not update yAxis max / min\n * and threshold data needs to show in the tooltip\n */\nexport function getThresholdSeries(name: string, threshold: StepOptions, seriesIndex: number): LineSeriesOption {\n  return {\n    type: 'line',\n    name: name,\n    id: name,\n    datasetId: name,\n    datasetIndex: seriesIndex,\n    color: threshold.color,\n    label: {\n      show: false,\n    },\n    lineStyle: {\n      type: 'dashed',\n      width: 2,\n    },\n    emphasis: {\n      focus: 'series',\n      lineStyle: {\n        width: 2.5,\n      },\n    },\n    blur: {\n      lineStyle: {\n        opacity: BLUR_FADEOUT_OPACITY,\n      },\n    },\n  };\n}\n\n/**\n * Converts percent threshold into absolute step value\n * If max is undefined, use the max value from time series data as default\n */\nexport function convertPercentThreshold(\n  percent: number,\n  data: LegacyTimeSeries[] | TimeSeries[],\n  max?: number,\n  min?: number\n): number {\n  const percentDecimal = percent / 100;\n  const adjustedMax = max ?? findMax(data);\n  const adjustedMin = min ?? 0;\n  const total = adjustedMax - adjustedMin;\n  return percentDecimal * total + adjustedMin;\n}\n\nfunction findMax(data: LegacyTimeSeries[] | TimeSeries[]): number {\n  let max = 0;\n  if (data.length && data[0] !== undefined && (data as TimeSeries[])[0]?.values) {\n    (data as TimeSeries[]).forEach((series) => {\n      series.values.forEach((valueTuple: TimeSeriesValueTuple) => {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        const [_, value] = valueTuple;\n        if (typeof value === 'number' && value > max) {\n          max = value;\n        }\n      });\n    });\n  } else {\n    (data as LegacyTimeSeries[]).forEach((series) => {\n      if (series.data !== undefined) {\n        series.data.forEach((value: EChartsValues) => {\n          if (typeof value === 'number' && value > max) {\n            max = value;\n          }\n        });\n      }\n    });\n  }\n  return max;\n}\n\n/**\n * Converts Perses panel yAxis from dashboard spec to ECharts supported yAxis options.\n * Handles both linear and logarithmic scales with appropriate min/max calculations.\n */\nexport function convertPanelYAxis(inputAxis: TimeSeriesChartYAxisOptions = {}): YAXisComponentOption {\n  // Determine the appropriate min value based on scale type and user input\n  let minValue: YAXisComponentOption['min'];\n  if (inputAxis.logBase !== undefined) {\n    // For logarithmic scales without explicit min:\n    // Let ECharts auto-calculate the range based on data to avoid issues with\n    // function-based calculations which can result in improper ranges (e.g., 1-10)\n    minValue = undefined;\n  } else if (inputAxis?.min !== undefined) {\n    // User explicitly set a min value - use it for both linear and log scales\n    minValue = inputAxis.min;\n  } else {\n    // For linear scales without explicit min:\n    // Use dynamic calculation with padding for better visualization\n    // https://echarts.apache.org/en/option.html#yAxis.min\n    minValue = (value): number => {\n      if (value.min >= 0 && value.min <= 1) {\n        // Helps with PercentDecimal units, or datasets that return 0 or 1 booleans\n        return 0;\n      }\n\n      // Note: We can tweak the MULTIPLIER constants if we want\n      // TODO: Experiment with using a padding that is based on the difference between max value and min value\n      if (value.min > 0) {\n        return roundDown(value.min * POSITIVE_MIN_VALUE_MULTIPLIER);\n      } else {\n        return roundDown(value.min * NEGATIVE_MIN_VALUE_MULTIPLIER);\n      }\n    };\n  }\n\n  // Build the yAxis configuration\n  const yAxis: YAXisComponentOption = {\n    show: inputAxis?.show ?? DEFAULT_Y_AXIS.show,\n    min: minValue,\n    max: inputAxis?.max,\n  };\n\n  // Apply logarithmic scale settings if requested\n  if (inputAxis.logBase !== undefined) {\n    return {\n      ...yAxis,\n      type: 'log',\n      logBase: inputAxis.logBase,\n    };\n  }\n\n  return yAxis;\n}\n\n/**\n * Rounds down to nearest number with one significant digit.\n *\n * Examples:\n * 1. 675 --> 600\n * 2. 0.567 --> 0.5\n * 3. -12 --> -20\n */\nexport function roundDown(num: number): number {\n  const magnitude = Math.floor(Math.log10(Math.abs(num)));\n  const firstDigit = Math.floor(num / Math.pow(10, magnitude));\n  return firstDigit * Math.pow(10, magnitude);\n}\n"],"names":["OPTIMIZED_MODE_SERIES_LIMIT","getCommonTimeScale","DEFAULT_AREA_OPACITY","DEFAULT_CONNECT_NULLS","DEFAULT_LINE_WIDTH","DEFAULT_POINT_RADIUS","DEFAULT_Y_AXIS","POSITIVE_MIN_VALUE_MULTIPLIER","NEGATIVE_MIN_VALUE_MULTIPLIER","EMPTY_GRAPH_DATA","timeSeries","xAxis","legendItems","HIDE_DATAPOINTS_LIMIT","BLUR_FADEOUT_OPACITY","getCommonTimeScaleForQueries","queries","seriesData","map","query","data","getTimeSeries","id","datasetIndex","formattedName","visual","timeScale","paletteColor","querySettings","yAxisIndex","lineWidth","pointRadius","minuteMs","showPoints","rangeMs","display","series","type","name","color","stack","undefined","label","show","connectNulls","sampling","progressiveThreshold","showSymbol","showAllSymbol","symbolSize","lineStyle","width","areaStyle","opacity","areaOpacity","emphasis","focus","disabled","selectedMode","select","itemStyle","borderColor","borderWidth","blur","getThresholdSeries","threshold","seriesIndex","datasetId","convertPercentThreshold","percent","max","min","percentDecimal","adjustedMax","findMax","adjustedMin","total","length","values","forEach","valueTuple","_","value","convertPanelYAxis","inputAxis","minValue","logBase","roundDown","yAxis","num","magnitude","Math","floor","log10","abs","firstDigit","pow"],"mappings":"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"}
+{"version":3,"sources":["../../../src/utils/data-transform.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { YAXisComponentOption } from 'echarts';\nimport { LineSeriesOption, BarSeriesOption } from 'echarts/charts';\nimport {\n  OPTIMIZED_MODE_SERIES_LIMIT,\n  LegacyTimeSeries,\n  EChartsDataFormat,\n  EChartsValues,\n  TimeSeriesOption,\n  StepOptions,\n  getCommonTimeScale,\n} from '@perses-dev/components';\nimport { useTimeSeriesQueries, PanelData } from '@perses-dev/plugin-system';\nimport { TimeScale, TimeSeries, TimeSeriesData, TimeSeriesValueTuple } from '@perses-dev/spec';\nimport {\n  DEFAULT_AREA_OPACITY,\n  DEFAULT_CONNECT_NULLS,\n  DEFAULT_LINE_WIDTH,\n  DEFAULT_POINT_RADIUS,\n  DEFAULT_Y_AXIS,\n  POSITIVE_MIN_VALUE_MULTIPLIER,\n  NEGATIVE_MIN_VALUE_MULTIPLIER,\n  TimeSeriesChartVisualOptions,\n  TimeSeriesChartYAxisOptions,\n  LineStyleType,\n} from '../time-series-chart-model';\n\nexport type RunningQueriesState = ReturnType<typeof useTimeSeriesQueries>;\n\nexport const EMPTY_GRAPH_DATA: EChartsDataFormat = {\n  timeSeries: [],\n  xAxis: [],\n  legendItems: [],\n};\n\nexport const HIDE_DATAPOINTS_LIMIT = 70;\n\nexport const BLUR_FADEOUT_OPACITY = 0.5;\n\n/**\n * Given a list of running queries, calculates a common time scale for use on\n * the x axis (i.e. start/end dates and a step that is divisible into all of\n * the queries' steps).\n */\nexport function getCommonTimeScaleForQueries(queries: Array<PanelData<TimeSeriesData>>): TimeScale | undefined {\n  const seriesData = queries.map((query) => query.data);\n  return getCommonTimeScale(seriesData);\n}\n\n/**\n * Gets ECharts line series option properties for regular trends\n */\nexport function getTimeSeries(\n  id: string,\n  datasetIndex: number,\n  formattedName: string,\n  visual: TimeSeriesChartVisualOptions,\n  timeScale: TimeScale,\n  paletteColor: string,\n  querySettings?: { lineStyle?: LineStyleType; areaOpacity?: number; stack?: boolean },\n  yAxisIndex?: number\n): TimeSeriesOption {\n  const lineWidth = visual.lineWidth ?? DEFAULT_LINE_WIDTH;\n  const pointRadius = visual.pointRadius ?? DEFAULT_POINT_RADIUS;\n  const shouldStack = querySettings?.stack !== undefined ? querySettings.stack : visual.stack === 'all';\n\n  // Shows datapoint symbols when selected time range is roughly 15 minutes or less\n  const minuteMs = 60000;\n  let showPoints = timeScale.rangeMs <= minuteMs * 15;\n  // Allows overriding default behavior and opt-in to always show all symbols (can hurt performance)\n  if (visual.showPoints === 'always') {\n    showPoints = true;\n  }\n\n  if (visual.display === 'bar') {\n    const series: BarSeriesOption = {\n      type: 'bar',\n      id: id,\n      datasetIndex,\n      name: formattedName,\n      color: paletteColor,\n      stack: shouldStack ? 'all' : undefined,\n      yAxisIndex: yAxisIndex,\n      label: {\n        show: false,\n      },\n    };\n    return series;\n  }\n\n  const series: LineSeriesOption = {\n    type: 'line',\n    id: id,\n    datasetIndex,\n    name: formattedName,\n    connectNulls: visual.connectNulls ?? DEFAULT_CONNECT_NULLS,\n    color: paletteColor,\n    stack: shouldStack ? 'all' : undefined,\n    yAxisIndex: yAxisIndex,\n    sampling: 'lttb',\n    progressiveThreshold: OPTIMIZED_MODE_SERIES_LIMIT, // https://echarts.apache.org/en/option.html#series-lines.progressiveThreshold\n    showSymbol: showPoints,\n    showAllSymbol: true,\n    symbolSize: pointRadius,\n    lineStyle: {\n      width: lineWidth,\n      type: (querySettings?.lineStyle ?? visual.lineStyle) as LineStyleType,\n    },\n    areaStyle: {\n      opacity: querySettings?.areaOpacity ?? visual.areaOpacity ?? DEFAULT_AREA_OPACITY,\n    },\n    // https://echarts.apache.org/en/option.html#series-line.emphasis\n    emphasis: {\n      focus: 'series',\n      disabled: visual.areaOpacity !== undefined && visual.areaOpacity > 0, // prevents flicker when moving cursor between shaded regions\n      lineStyle: {\n        width: lineWidth + 1,\n        opacity: 1,\n        type: visual.lineStyle,\n      },\n    },\n    blur: {\n      lineStyle: {\n        width: lineWidth,\n        opacity: BLUR_FADEOUT_OPACITY,\n        type: visual.lineStyle,\n      },\n    },\n  };\n  return series;\n}\n\n/**\n * Gets threshold-specific line series styles\n * markLine cannot be used since it does not update yAxis max / min\n * and threshold data needs to show in the tooltip\n */\nexport function getThresholdSeries(name: string, threshold: StepOptions, seriesIndex: number): LineSeriesOption {\n  return {\n    type: 'line',\n    name: name,\n    id: name,\n    datasetId: name,\n    datasetIndex: seriesIndex,\n    color: threshold.color,\n    label: {\n      show: false,\n    },\n    lineStyle: {\n      type: 'dashed',\n      width: 2,\n    },\n    emphasis: {\n      focus: 'series',\n      lineStyle: {\n        width: 2.5,\n      },\n    },\n    blur: {\n      lineStyle: {\n        opacity: BLUR_FADEOUT_OPACITY,\n      },\n    },\n  };\n}\n\n/**\n * Converts percent threshold into absolute step value\n * If max is undefined, use the max value from time series data as default\n */\nexport function convertPercentThreshold(\n  percent: number,\n  data: LegacyTimeSeries[] | TimeSeries[],\n  max?: number,\n  min?: number\n): number {\n  const percentDecimal = percent / 100;\n  const adjustedMax = max ?? findMax(data);\n  const adjustedMin = min ?? 0;\n  const total = adjustedMax - adjustedMin;\n  return percentDecimal * total + adjustedMin;\n}\n\nfunction findMax(data: LegacyTimeSeries[] | TimeSeries[]): number {\n  let max = 0;\n  if (data.length && data[0] !== undefined && (data as TimeSeries[])[0]?.values) {\n    (data as TimeSeries[]).forEach((series) => {\n      series.values.forEach((valueTuple: TimeSeriesValueTuple) => {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        const [_, value] = valueTuple;\n        // Use the absolute value so percent thresholds compute correctly against\n        // negated series (e.g. when `querySettings[].negativeY` is enabled).\n        if (typeof value === 'number' && Math.abs(value) > max) {\n          max = Math.abs(value);\n        }\n      });\n    });\n  } else {\n    (data as LegacyTimeSeries[]).forEach((series) => {\n      if (series.data !== undefined) {\n        series.data.forEach((value: EChartsValues) => {\n          if (typeof value === 'number' && Math.abs(value) > max) {\n            max = Math.abs(value);\n          }\n        });\n      }\n    });\n  }\n  return max;\n}\n\n/**\n * Converts Perses panel yAxis from dashboard spec to ECharts supported yAxis options.\n * Handles both linear and logarithmic scales with appropriate min/max calculations.\n */\nexport function convertPanelYAxis(inputAxis: TimeSeriesChartYAxisOptions = {}): YAXisComponentOption {\n  // Determine the appropriate min value based on scale type and user input\n  let minValue: YAXisComponentOption['min'];\n  if (inputAxis.logBase !== undefined) {\n    // For logarithmic scales without explicit min:\n    // Let ECharts auto-calculate the range based on data to avoid issues with\n    // function-based calculations which can result in improper ranges (e.g., 1-10)\n    minValue = undefined;\n  } else if (inputAxis?.min !== undefined) {\n    // User explicitly set a min value - use it for both linear and log scales\n    minValue = inputAxis.min;\n  } else {\n    // For linear scales without explicit min:\n    // Use dynamic calculation with padding for better visualization\n    // https://echarts.apache.org/en/option.html#yAxis.min\n    minValue = (value): number => {\n      if (value.min >= 0 && value.min <= 1) {\n        // Helps with PercentDecimal units, or datasets that return 0 or 1 booleans\n        return 0;\n      }\n\n      // Note: We can tweak the MULTIPLIER constants if we want\n      // TODO: Experiment with using a padding that is based on the difference between max value and min value\n      if (value.min > 0) {\n        return roundDown(value.min * POSITIVE_MIN_VALUE_MULTIPLIER);\n      } else {\n        return roundDown(value.min * NEGATIVE_MIN_VALUE_MULTIPLIER);\n      }\n    };\n  }\n\n  // Build the yAxis configuration\n  const yAxis: YAXisComponentOption = {\n    show: inputAxis?.show ?? DEFAULT_Y_AXIS.show,\n    min: minValue,\n    max: inputAxis?.max,\n  };\n\n  // Apply logarithmic scale settings if requested\n  if (inputAxis.logBase !== undefined) {\n    return {\n      ...yAxis,\n      type: 'log',\n      logBase: inputAxis.logBase,\n    };\n  }\n\n  return yAxis;\n}\n\n/**\n * Rounds down to nearest number with one significant digit.\n *\n * Examples:\n * 1. 675 --> 600\n * 2. 0.567 --> 0.5\n * 3. -12 --> -20\n */\nexport function roundDown(num: number): number {\n  const magnitude = Math.floor(Math.log10(Math.abs(num)));\n  const firstDigit = Math.floor(num / Math.pow(10, magnitude));\n  return firstDigit * Math.pow(10, magnitude);\n}\n"],"names":["OPTIMIZED_MODE_SERIES_LIMIT","getCommonTimeScale","DEFAULT_AREA_OPACITY","DEFAULT_CONNECT_NULLS","DEFAULT_LINE_WIDTH","DEFAULT_POINT_RADIUS","DEFAULT_Y_AXIS","POSITIVE_MIN_VALUE_MULTIPLIER","NEGATIVE_MIN_VALUE_MULTIPLIER","EMPTY_GRAPH_DATA","timeSeries","xAxis","legendItems","HIDE_DATAPOINTS_LIMIT","BLUR_FADEOUT_OPACITY","getCommonTimeScaleForQueries","queries","seriesData","map","query","data","getTimeSeries","id","datasetIndex","formattedName","visual","timeScale","paletteColor","querySettings","yAxisIndex","lineWidth","pointRadius","shouldStack","stack","undefined","minuteMs","showPoints","rangeMs","display","series","type","name","color","label","show","connectNulls","sampling","progressiveThreshold","showSymbol","showAllSymbol","symbolSize","lineStyle","width","areaStyle","opacity","areaOpacity","emphasis","focus","disabled","blur","getThresholdSeries","threshold","seriesIndex","datasetId","convertPercentThreshold","percent","max","min","percentDecimal","adjustedMax","findMax","adjustedMin","total","length","values","forEach","valueTuple","_","value","Math","abs","convertPanelYAxis","inputAxis","minValue","logBase","roundDown","yAxis","num","magnitude","floor","log10","firstDigit","pow"],"mappings":"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"}

package/mf-manifest.json

@@ -5,11 +5,11 @@
     "name": "TimeSeriesChart",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.13.0-beta.2",
+      "buildVersion": "0.13.0-rc.0",
       "buildName": "@perses-dev/timeseries-chart-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/TimeSeriesChart.e9912623.js",
+      "name": "__mf/js/TimeSeriesChart.3eab0aad.js",
       "path": "",
       "type": "global"
     },
@@ -20,7 +20,7 @@
       "api": ""
     },
     "globalName": "TimeSeriesChart",
-    "pluginVersion": "2.5.1",
+    "pluginVersion": "2.6.0",
     "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/TimeSeriesChart/\"; }"
   },
   "shared": [
@@ -34,7 +34,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/274.d112354f.js"
+            "__mf/js/async/274.72dfa9c8.js"
           ]
         },
         "css": {
@@ -54,8 +54,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/235.c24f24f7.js",
-            "__mf/js/async/616.52acb1b4.js"
+            "__mf/js/async/235.d23c8ef0.js",
+            "__mf/js/async/616.79484ac8.js"
           ]
         },
         "css": {
@@ -75,8 +75,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/587.c12780da.js",
-            "__mf/js/async/968.6de5fa7c.js"
+            "__mf/js/async/587.c9460696.js",
+            "__mf/js/async/968.2a9fb1a0.js"
           ]
         },
         "css": {
@@ -89,36 +89,56 @@
     {
       "id": "TimeSeriesChart:@perses-dev/components",
       "name": "@perses-dev/components",
-      "version": "0.54.0-beta.8",
+      "version": "0.54.0-rc.0",
       "singleton": true,
-      "requiredVersion": "^0.54.0-beta.8",
+      "requiredVersion": "^0.54.0-rc.0",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/821.aa2ab3e8.js"
+            "__mf/js/async/208.b9f374ad.js"
           ]
         },
         "css": {
           "async": [],
           "sync": [
-            "__mf/css/async/821.85c2cbf6.css"
+            "__mf/css/async/208.85c2cbf6.css"
           ]
         }
       },
       "fallback": ""
     },
+    {
+      "id": "TimeSeriesChart:@perses-dev/dashboards",
+      "name": "@perses-dev/dashboards",
+      "version": "0.54.0-rc.0",
+      "singleton": true,
+      "requiredVersion": "^0.54.0-rc.0",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "__mf/js/async/984.4793f667.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      },
+      "fallback": ""
+    },
     {
       "id": "TimeSeriesChart:@perses-dev/plugin-system",
       "name": "@perses-dev/plugin-system",
-      "version": "0.54.0-beta.8",
+      "version": "0.54.0-rc.0",
       "singleton": true,
-      "requiredVersion": "^0.54.0-beta.8",
+      "requiredVersion": "^0.54.0-rc.0",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/90.16425d5a.js"
+            "__mf/js/async/558.8ac6d4e3.js"
           ]
         },
         "css": {
@@ -131,14 +151,14 @@
     {
       "id": "TimeSeriesChart:date-fns",
       "name": "date-fns",
-      "version": "4.1.0",
+      "version": "4.4.0",
       "singleton": true,
-      "requiredVersion": "^4.1.0",
+      "requiredVersion": "^4.4.0",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/192.beef3a1a.js"
+            "__mf/js/async/192.c3dd56d5.js"
           ]
         },
         "css": {
@@ -158,7 +178,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/873.9aad328a.js"
+            "__mf/js/async/873.04a201bf.js"
           ]
         },
         "css": {
@@ -178,7 +198,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/392.2350fb02.js"
+            "__mf/js/async/392.b9ba5bf2.js"
           ]
         },
         "css": {
@@ -198,7 +218,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/470.a4fd777e.js"
+            "__mf/js/async/470.e09f33b7.js"
           ]
         },
         "css": {
@@ -218,7 +238,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/121.df4898d6.js"
+            "__mf/js/async/121.c3c0e54f.js"
           ]
         },
         "css": {
@@ -238,7 +258,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/978.5c14e175.js"
+            "__mf/js/async/978.a9865b23.js"
           ]
         },
         "css": {
@@ -257,26 +277,31 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/702.de247ad8.js",
-            "__mf/js/async/681.8d61b348.js",
-            "__mf/js/async/78.91de282a.js",
-            "__mf/js/async/724.3439df06.js",
-            "__mf/js/async/__federation_expose_TimeSeriesChart.58a7f341.js"
+            "__mf/js/async/955.176fe200.js",
+            "__mf/js/async/702.785cd635.js",
+            "__mf/js/async/527.f97d1b86.js",
+            "__mf/js/async/52.0d78de2b.js",
+            "__mf/js/async/724.c45dcf5b.js",
+            "__mf/js/async/__federation_expose_TimeSeriesChart.62d8f589.js"
           ],
           "async": [
-            "__mf/js/async/588.6662e16a.js",
-            "__mf/js/async/356.9f551c8a.js",
-            "__mf/js/async/71.84e486c9.js",
-            "__mf/js/async/291.5ce0f3cb.js",
-            "__mf/js/async/491.6f81cf51.js",
-            "__mf/js/async/lib-router.7a3f7bb4.js",
-            "__mf/js/async/177.56f1be10.js"
+            "__mf/js/async/lib-router.319c02cd.js",
+            "__mf/js/async/655.dbf8c618.js",
+            "__mf/js/async/137.59c998ab.js",
+            "__mf/js/async/356.8170c96d.js",
+            "__mf/js/async/603.3b771310.js",
+            "__mf/js/async/694.0fb9ee5a.js",
+            "__mf/js/async/588.0a1aa144.js",
+            "__mf/js/async/71.8c6cf914.js",
+            "__mf/js/async/491.85194549.js",
+            "__mf/js/async/187.f5e8932b.js",
+            "__mf/js/async/177.2fef2962.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/821.85c2cbf6.css"
+            "__mf/css/async/208.85c2cbf6.css"
           ]
         }
       },

package/mf-stats.json

@@ -5,11 +5,11 @@
     "name": "TimeSeriesChart",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.13.0-beta.2",
+      "buildVersion": "0.13.0-rc.0",
       "buildName": "@perses-dev/timeseries-chart-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/TimeSeriesChart.e9912623.js",
+      "name": "__mf/js/TimeSeriesChart.3eab0aad.js",
       "path": "",
       "type": "global"
     },
@@ -20,7 +20,7 @@
       "api": ""
     },
     "globalName": "TimeSeriesChart",
-    "pluginVersion": "2.5.1",
+    "pluginVersion": "2.6.0",
     "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/TimeSeriesChart/\"; }"
   },
   "shared": [
@@ -36,7 +36,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/274.d112354f.js"
+            "__mf/js/async/274.72dfa9c8.js"
           ]
         },
         "css": {
@@ -60,8 +60,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/235.c24f24f7.js",
-            "__mf/js/async/616.52acb1b4.js"
+            "__mf/js/async/235.d23c8ef0.js",
+            "__mf/js/async/616.79484ac8.js"
           ]
         },
         "css": {
@@ -85,8 +85,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/587.c12780da.js",
-            "__mf/js/async/968.6de5fa7c.js"
+            "__mf/js/async/587.c9460696.js",
+            "__mf/js/async/968.2a9fb1a0.js"
           ]
         },
         "css": {
@@ -100,23 +100,23 @@
     },
     {
       "singleton": true,
-      "requiredVersion": "^0.54.0-beta.8",
+      "requiredVersion": "^0.54.0-rc.0",
       "shareScope": "default",
       "name": "@perses-dev/components",
-      "version": "0.54.0-beta.8",
+      "version": "0.54.0-rc.0",
       "eager": false,
       "id": "TimeSeriesChart:@perses-dev/components",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/821.aa2ab3e8.js"
+            "__mf/js/async/208.b9f374ad.js"
           ]
         },
         "css": {
           "async": [],
           "sync": [
-            "__mf/css/async/821.85c2cbf6.css"
+            "__mf/css/async/208.85c2cbf6.css"
           ]
         }
       },
@@ -128,17 +128,43 @@
     },
     {
       "singleton": true,
-      "requiredVersion": "^0.54.0-beta.8",
+      "requiredVersion": "^0.54.0-rc.0",
+      "shareScope": "default",
+      "name": "@perses-dev/dashboards",
+      "version": "0.54.0-rc.0",
+      "eager": false,
+      "id": "TimeSeriesChart:@perses-dev/dashboards",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "__mf/js/async/984.4793f667.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      },
+      "usedIn": [
+        "./TimeSeriesChart"
+      ],
+      "usedExports": [],
+      "fallback": ""
+    },
+    {
+      "singleton": true,
+      "requiredVersion": "^0.54.0-rc.0",
       "shareScope": "default",
       "name": "@perses-dev/plugin-system",
-      "version": "0.54.0-beta.8",
+      "version": "0.54.0-rc.0",
       "eager": false,
       "id": "TimeSeriesChart:@perses-dev/plugin-system",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/90.16425d5a.js"
+            "__mf/js/async/558.8ac6d4e3.js"
           ]
         },
         "css": {
@@ -154,17 +180,17 @@
     },
     {
       "singleton": true,
-      "requiredVersion": "^4.1.0",
+      "requiredVersion": "^4.4.0",
       "shareScope": "default",
       "name": "date-fns",
-      "version": "4.1.0",
+      "version": "4.4.0",
       "eager": false,
       "id": "TimeSeriesChart:date-fns",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/192.beef3a1a.js"
+            "__mf/js/async/192.c3dd56d5.js"
           ]
         },
         "css": {
@@ -188,7 +214,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/873.9aad328a.js"
+            "__mf/js/async/873.04a201bf.js"
           ]
         },
         "css": {
@@ -212,7 +238,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/392.2350fb02.js"
+            "__mf/js/async/392.b9ba5bf2.js"
           ]
         },
         "css": {
@@ -236,7 +262,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/470.a4fd777e.js"
+            "__mf/js/async/470.e09f33b7.js"
           ]
         },
         "css": {
@@ -260,7 +286,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/121.df4898d6.js"
+            "__mf/js/async/121.c3c0e54f.js"
           ]
         },
         "css": {
@@ -286,7 +312,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/978.5c14e175.js"
+            "__mf/js/async/978.a9865b23.js"
           ]
         },
         "css": {
@@ -307,6 +333,7 @@
       "name": "TimeSeriesChart",
       "requires": [
         "react",
+        "@perses-dev/dashboards",
         "@perses-dev/components",
         "@perses-dev/plugin-system"
       ],
@@ -314,26 +341,31 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/702.de247ad8.js",
-            "__mf/js/async/681.8d61b348.js",
-            "__mf/js/async/78.91de282a.js",
-            "__mf/js/async/724.3439df06.js",
-            "__mf/js/async/__federation_expose_TimeSeriesChart.58a7f341.js"
+            "__mf/js/async/955.176fe200.js",
+            "__mf/js/async/702.785cd635.js",
+            "__mf/js/async/527.f97d1b86.js",
+            "__mf/js/async/52.0d78de2b.js",
+            "__mf/js/async/724.c45dcf5b.js",
+            "__mf/js/async/__federation_expose_TimeSeriesChart.62d8f589.js"
           ],
           "async": [
-            "__mf/js/async/588.6662e16a.js",
-            "__mf/js/async/356.9f551c8a.js",
-            "__mf/js/async/71.84e486c9.js",
-            "__mf/js/async/291.5ce0f3cb.js",
-            "__mf/js/async/491.6f81cf51.js",
-            "__mf/js/async/lib-router.7a3f7bb4.js",
-            "__mf/js/async/177.56f1be10.js"
+            "__mf/js/async/lib-router.319c02cd.js",
+            "__mf/js/async/655.dbf8c618.js",
+            "__mf/js/async/137.59c998ab.js",
+            "__mf/js/async/356.8170c96d.js",
+            "__mf/js/async/603.3b771310.js",
+            "__mf/js/async/694.0fb9ee5a.js",
+            "__mf/js/async/588.0a1aa144.js",
+            "__mf/js/async/71.8c6cf914.js",
+            "__mf/js/async/491.85194549.js",
+            "__mf/js/async/187.f5e8932b.js",
+            "__mf/js/async/177.2fef2962.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/821.85c2cbf6.css"
+            "__mf/css/async/208.85c2cbf6.css"
           ]
         }
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/timeseries-chart-plugin",
-  "version": "0.13.0-beta.2",
+  "version": "0.13.0-rc.0",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/plugins/blob/main/README.md",
   "repository": {
@@ -31,9 +31,10 @@
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
     "@hookform/resolvers": "^3.2.0",
-    "@perses-dev/components": "^0.54.0-beta.8",
-    "@perses-dev/plugin-system": "^0.54.0-beta.8",
-    "@perses-dev/spec": "^0.2.0-beta.6",
+    "@perses-dev/components": "^0.54.0-rc.0",
+    "@perses-dev/dashboards": "^0.54.0-rc.0",
+    "@perses-dev/plugin-system": "^0.54.0-rc.0",
+    "@perses-dev/spec": "^0.2.0-beta.9",
     "date-fns": "^4.1.0",
     "date-fns-tz": "^3.2.0",
     "echarts": "5.5.0",