highcharts
Version:
JavaScript charting framework
384 lines (364 loc) • 12.1 kB
JavaScript
/**
* @license Highstock JS v12.2.0 (2025-04-07)
* @module highcharts/modules/renko
* @requires highcharts
* @requires highcharts/modules/stock
*
* Renko series type for Highcharts Stock
*
* (c) 2010-2025 Pawel Lysy
*
* License: www.highcharts.com/license
*/
import * as __WEBPACK_EXTERNAL_MODULE__highcharts_src_js_8202131d__ from "../highcharts.src.js";
import * as __WEBPACK_EXTERNAL_MODULE__stock_src_js_3de69a45__ from "./stock.src.js";
/******/ // The require scope
/******/ var __webpack_require__ = {};
/******/
/************************************************************************/
/******/ /* webpack/runtime/compat get default export */
/******/ (() => {
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = (module) => {
/******/ var getter = module && module.__esModule ?
/******/ () => (module['default']) :
/******/ () => (module);
/******/ __webpack_require__.d(getter, { a: getter });
/******/ return getter;
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ })();
/******/
/************************************************************************/
;// external ["../highcharts.src.js","default"]
const external_highcharts_src_js_default_namespaceObject = __WEBPACK_EXTERNAL_MODULE__highcharts_src_js_8202131d__["default"];
var external_highcharts_src_js_default_default = /*#__PURE__*/__webpack_require__.n(external_highcharts_src_js_default_namespaceObject);
;// external "./stock.src.js"
var x = (y) => {
var x = {}; __webpack_require__.d(x,
y); return x
}
var y = (x) => (() => (x))
const external_stock_src_js_namespaceObject = x({ });
;// external ["../highcharts.src.js","default","SeriesRegistry"]
const external_highcharts_src_js_default_SeriesRegistry_namespaceObject = __WEBPACK_EXTERNAL_MODULE__highcharts_src_js_8202131d__["default"].SeriesRegistry;
var external_highcharts_src_js_default_SeriesRegistry_default = /*#__PURE__*/__webpack_require__.n(external_highcharts_src_js_default_SeriesRegistry_namespaceObject);
;// ./code/es-modules/Series/Renko/RenkoPoint.js
/* *
*
* (c) 2010-2025 Pawel Lysy
*
* License: www.highcharts.com/license
*
* !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
*
* */
const { column: { prototype: { pointClass: ColumnPoint } } } = (external_highcharts_src_js_default_SeriesRegistry_default()).seriesTypes;
/* *
*
* Class
*
* */
class RenkoPoint extends ColumnPoint {
getClassName() {
return (super.getClassName.call(this) +
(this.upTrend ? ' highcharts-point-up' : ' highcharts-point-down'));
}
}
/* *
*
* Default Export
*
* */
/* harmony default export */ const Renko_RenkoPoint = (RenkoPoint);
;// ./code/es-modules/Series/Renko/RenkoSeriesDefaults.js
/* *
*
* (c) 2010-2025 Pawel Lysy
*
* License: www.highcharts.com/license
*
* !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
*
* */
/* *
*
* API Options
*
* */
/**
* A Renko series is a style of financial chart used to describe price
* movements over time. It displays open, high, low and close values per
* data point.
*
* @sample stock/demo/renko/
* Renko series
*
*
* @sample stock/series-renko/renko-vs-heikinashi-vs-candlestick
* Renko series
*
* @extends plotOptions.column
* @excluding boost, boostBlending, boostThreshold, centerInCategory,
* cumulative, cumulativeStart, dashStyle, dragDrop, dataSorting, edgeColor,
* stacking, getExtremesFromAll, clip, colorByPoint, compare, compareBase,
* compareStart, compareTo, dataGrouping, edgeWidth, lineColor, linkedTo,
* pointPadding, pointPlacement, pointRange, pointStart, pointWidth
* @product highstock
* @requires modules/renko
* @optionparent plotOptions.renko
*/
const RenkoDefaults = {
/**
* The size of the individual box, representing a point. Can be set in yAxis
* value, or percent value of the first point e.g. if first point's value is
* 200, and box size is set to `20%`, the box will be 40, so the new point
* will be drawn when the next value changes for more than 40.
*/
boxSize: 4,
groupPadding: 0,
pointPadding: 0,
downColor: '#ff0000',
navigatorOptions: {
type: 'renko'
},
fillColor: 'transparent',
borderWidth: 2,
lineWidth: 0,
stickyTracking: true,
borderRadius: {
where: 'all'
},
tooltip: {
pointFormat: '<span style="color:{point.color}">\u25CF</span> {series.name}: <b>{point.low:.2f} - {point.y:.2f}</b><br/>'
}
};
/* *
*
* API Options
*
* */
/**
* A `renko` series. If the [type](#series.renko.type)
* option is not specified, it is inherited from [chart.type](
* #chart.type).
*
* @type {*}
* @extends series,plotOptions.renko
* @product highstock
* @excluding boost, compare, compareStart, connectNulls, cumulative,
* cumulativeStart, dataGrouping, dataParser, dataSorting, dataURL,
* dragDrop, marker, step
* @requires modules/renko
* @apioption series.renko
*/
/**
* An array of data points for the series. For the `renko` series
* type, points can be given in the following ways:
*
* 1. An array of arrays with 1 or 2 values correspond to `x,close`. If the
* first value is a string, it is applied as the name of the point, and the
* `x` value is inferred. The `x` value can also be omitted, in which case
* the inner arrays should be of length 4. Then the `x` value is
* automatically calculated, either starting at 0 and incremented by 1, or
* from `pointStart` and `pointInterval` given in the series options.
* ```js
* data: [
* [0, 7],
* [1, 1],
* [2, 3]
* ]
* ```
*
* 2. An array of objects with named values. With renko series, the data
* does not directly correspond to the points in the series. the reason
* is that the points are calculated based on the trends and boxSize.
* Setting options for individual point is impossible.
*
* ```js
* data: [{
* x: 1,
* y: 6
* }, {
* x: 1,
* y: 7,
* }]
* ```
*
* @type {Array<Array<number,number>|*>}
* @extends series.column.data
* @product highstock
* @apioption series.renko.data
*/
(''); // Adds doclets above to transpiled
/* *
*
* Default Export
*
* */
/* harmony default export */ const RenkoSeriesDefaults = (RenkoDefaults);
;// external ["../highcharts.src.js","default","Series","types","column"]
const external_highcharts_src_js_default_Series_types_column_namespaceObject = __WEBPACK_EXTERNAL_MODULE__highcharts_src_js_8202131d__["default"].Series.types.column;
var external_highcharts_src_js_default_Series_types_column_default = /*#__PURE__*/__webpack_require__.n(external_highcharts_src_js_default_Series_types_column_namespaceObject);
;// ./code/es-modules/Series/Renko/RenkoSeries.js
/* *
*
* (c) 2010-2025 Pawel Lysy
*
* License: www.highcharts.com/license
*
* !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
*
* */
const { extend, merge, relativeLength, isNumber } = (external_highcharts_src_js_default_default());
/* *
*
* Class
*
* */
/**
* The renko series type.
*
* @private
* @class
* @name Highcharts.seriesTypes.renko
*
* @augments Highcharts.seriesTypes.column
*/
class RenkoSeries extends (external_highcharts_src_js_default_Series_types_column_default()) {
constructor() {
super(...arguments);
this.hasDerivedData = true;
this.allowDG = false;
/* *
*
* Functions
*
* */
}
init() {
super.init.apply(this, arguments);
this.renkoData = [];
}
setData(data, redraw, animation) {
this.renkoData = [];
super.setData(data, redraw, animation, false);
}
getXExtremes(xData) {
this.processData();
xData = this.getColumn('x', true);
return {
min: xData[0],
max: xData[xData.length - 1]
};
}
getProcessedData() {
const modified = this.dataTable.modified;
const processedXData = [];
const processedYData = [];
const processedLowData = [];
const xData = this.getColumn('x', true);
const yData = this.getColumn('y', true);
if (!this.renkoData || this.renkoData.length > 0) {
return {
modified,
closestPointRange: 1,
cropped: false,
cropStart: 0
};
}
const boxSize = this.options.boxSize;
const change = isNumber(boxSize) ? boxSize : relativeLength(boxSize, yData[0]);
const renkoData = [], length = xData.length;
let prevTrend = 0;
let prevPrice = yData[0];
for (let i = 1; i < length; i++) {
const currentChange = yData[i] - yData[i - 1];
if (currentChange > change) {
// Uptrend
if (prevTrend === 2) {
prevPrice += change;
}
for (let j = 0; j < currentChange / change; j++) {
renkoData.push({
x: xData[i] + j,
low: prevPrice,
y: prevPrice + change,
color: this.options.color,
upTrend: true
});
prevPrice += change;
}
prevTrend = 1;
}
else if (Math.abs(currentChange) > change) {
if (prevTrend === 1) {
prevPrice -= change;
}
// Downtrend
for (let j = 0; j < Math.abs(currentChange) / change; j++) {
renkoData.push({
x: xData[i] + j,
low: prevPrice - change,
y: prevPrice,
color: this.options.downColor,
upTrend: false
});
prevPrice -= change;
}
prevTrend = 2;
}
}
this.renkoData = renkoData;
for (const point of renkoData) {
processedXData.push(point.x);
processedYData.push(point.y);
processedLowData.push(point.low);
}
this.processedData = renkoData;
modified.setColumn('x', processedXData);
modified.setColumn('y', processedYData);
modified.setColumn('low', processedLowData);
return {
modified,
cropped: false,
cropStart: 0,
closestPointRange: 1
};
}
}
/* *
*
* Static Properties
*
* */
RenkoSeries.defaultOptions = merge((external_highcharts_src_js_default_Series_types_column_default()).defaultOptions, RenkoSeriesDefaults);
extend(RenkoSeries.prototype, {
pointClass: Renko_RenkoPoint
});
external_highcharts_src_js_default_SeriesRegistry_default().registerSeriesType('renko', RenkoSeries);
/* *
*
* Default Export
*
* */
/* harmony default export */ const Renko_RenkoSeries = ((/* unused pure expression or super */ null && (RenkoSeries)));
;// ./code/es-modules/masters/modules/renko.src.js
/* harmony default export */ const renko_src = ((external_highcharts_src_js_default_default()));
export { renko_src as default };