diff --git a/websites/kibo.money/packages/lightweight-charts/wrapper.js b/websites/kibo.money/packages/lightweight-charts/wrapper.js index 5dcf4698d..7db33ed72 100644 --- a/websites/kibo.money/packages/lightweight-charts/wrapper.js +++ b/websites/kibo.money/packages/lightweight-charts/wrapper.js @@ -1,6 +1,6 @@ // @ts-check -/** @import {IChartApi, ISeriesApi, SeriesDefinition, SingleValueData as _SingleValueData, CandlestickData as _CandlestickData, BaselineData, SeriesType, IPaneApi, LineSeriesOptions, BaselineStyleOptions} from './v5.0.6-treeshaked/types' */ +/** @import {IChartApi, ISeriesApi, SeriesDefinition, SingleValueData as _SingleValueData, CandlestickData as _CandlestickData, BaselineData, SeriesType, IPaneApi, BaselineStyleOptions} from './v5.0.6-treeshaked/types' */ /** * @typedef {[number, number, number, number]} OHLCTuple @@ -434,15 +434,9 @@ export default import("./v5.0.6-treeshaked/script.js").then((lc) => { paneIndex, ); - const createPriceLine = options?.createPriceLine; - if (createPriceLine) { - series.createPriceLine({ - price: createPriceLine.value || 0, - color: colors.gray(), - axisLabelVisible: false, - lineWidth: 1, - lineStyle: 4, - }); + const priceLineOptions = options?.createPriceLine; + if (priceLineOptions) { + createPriceLine(series, priceLineOptions, colors); } let url = /** @type {string | undefined} */ (undefined); @@ -534,15 +528,9 @@ export default import("./v5.0.6-treeshaked/script.js").then((lc) => { paneIndex, ); - const createPriceLine = options?.createPriceLine; - if (createPriceLine) { - series.createPriceLine({ - price: createPriceLine.value || 0, - color: colors.gray(), - axisLabelVisible: false, - lineWidth: 1, - lineStyle: 4, - }); + const priceLineOptions = options?.createPriceLine; + if (priceLineOptions) { + createPriceLine(series, priceLineOptions, colors); } let url = /** @type {string | undefined} */ (undefined); @@ -1040,3 +1028,18 @@ function createPaneHeightObserver({ ichart, paneIndex, signals, utils }) { callback(); } + +/** + * @param {ISeriesApi} series + * @param {DeepPartial} options + * @param {Colors} colors + */ +function createPriceLine(series, options, colors) { + series.createPriceLine({ + price: options.value || 0, + color: colors.gray(), + axisLabelVisible: false, + lineWidth: 1, + lineStyle: 4, + }); +} diff --git a/websites/kibo.money/scripts/main.js b/websites/kibo.money/scripts/main.js index 5b18c357d..0e411761b 100644 --- a/websites/kibo.money/scripts/main.js +++ b/websites/kibo.money/scripts/main.js @@ -1,7 +1,7 @@ // @ts-check /** - * @import { Option, PartialChartOption, ChartOption, AnyPartialOption, ProcessedOptionAddons, OptionsTree, SimulationOption, AnySeriesBlueprint, ChartableIndex,CreatePriceLineOptions } from "./options" + * @import { Option, PartialChartOption, ChartOption, AnyPartialOption, ProcessedOptionAddons, OptionsTree, SimulationOption, AnySeriesBlueprint, ChartableIndex,CreatePriceLineOptions, CreatePriceLine } from "./options" * @import {Valued, SingleValueData, CandlestickData, ChartData, OHLCTuple} from "../packages/lightweight-charts/wrapper" * @import * as _ from "../packages/ufuzzy/v1.0.14/types" * @import { createChart as CreateClassicChart, LineStyleOptions, DeepPartial, ChartOptions, IChartApi, IHorzScaleBehavior, WhitespaceData, ISeriesApi, Time, LineData, LogicalRange, BaselineStyleOptions, SeriesOptionsCommon, BaselineData, CandlestickStyleOptions } from "../packages/lightweight-charts/v5.0.6-treeshaked/types" diff --git a/websites/kibo.money/scripts/options.js b/websites/kibo.money/scripts/options.js index 1232018df..de753da51 100644 --- a/websites/kibo.money/scripts/options.js +++ b/websites/kibo.money/scripts/options.js @@ -33,7 +33,7 @@ * @typedef {Object} CandlestickSeriesBlueprintSpecific * @property {"Candlestick"} type * @property {Color} [color] - * @property {DeepPartial} [options] + * @property {DeepPartial} [options] * @property {Accessor} [data] * @typedef {BaseSeriesBlueprint & CandlestickSeriesBlueprintSpecific} CandlestickSeriesBlueprint * @@ -1199,12 +1199,12 @@ function createPartialOptions(colors) { top: [ createBaseSeries({ key: `price-${key}-ago`, - name: `lump sum`, + name: `lump sum price`, color: colors.cyan, }), createBaseSeries({ key: `${key}-dca-avg-price`, - name: `dca`, + name: `dca avg. price`, color: colors.orange, }), ],