06b605d3a7
Tables Feature - Added the `create_table` method, which returns a `Table` object. This can be used to display watchlists, order windows, position windows and more. - See the new page on the docs for more information! Bugs - Fixed a bug preventing the named column of a line to not work as a label of the series. - Fixed a bug causing drawings loaded from the minute timeframe to not show on a daily timeframe. - Fixed a bug causing `chart.exit` to not work. - Fixed a bug preventing the chart from being moved after placing a ray. - Fixed the ‘price in hoveringOver’ web console error. Enhancements - The date/time column can also be the `name` of the passed series object. - Added the `label` method to `HorizontalLine`, allowing for the price line label of horizontal lines to be updated. - `None` or an empty DataFrame can now be passed to `line.set` as a means to clear it. - Seperate Chart objects will now run on the same pywebview instance. This means that any Chart objects created after the first will inherit the first Chart’s API. - Reorganized the documentation for clarity.
893 lines
39 KiB
Python
893 lines
39 KiB
Python
import json
|
|
import os
|
|
from datetime import timedelta, datetime
|
|
from base64 import b64decode
|
|
import pandas as pd
|
|
from typing import Union, Literal, Dict, List
|
|
|
|
from lightweight_charts.table import Table
|
|
from lightweight_charts.util import LINE_STYLE, MARKER_POSITION, MARKER_SHAPE, CROSSHAIR_MODE, _crosshair_mode, \
|
|
_line_style, \
|
|
MissingColumn, _js_bool, _price_scale_mode, PRICE_SCALE_MODE, _marker_position, _marker_shape, IDGen
|
|
|
|
|
|
JS = {}
|
|
current_dir = os.path.dirname(os.path.abspath(__file__))
|
|
for file in ('pkg', 'funcs', 'callback', 'toolbox', 'table'):
|
|
with open(os.path.join(current_dir, 'js', f'{file}.js'), 'r', encoding='utf-8') as f:
|
|
JS[file] = f.read()
|
|
|
|
HTML = f"""
|
|
<!DOCTYPE html>
|
|
<html lang="">
|
|
<head>
|
|
<title>lightweight-charts-python</title>
|
|
<script>{JS['pkg']}</script>
|
|
<meta name="viewport" content ="width=device-width, initial-scale=1">
|
|
<style>
|
|
body {{
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
|
}}
|
|
#wrapper {{
|
|
width: 100vw;
|
|
height: 100vh;
|
|
background-color: #000000;
|
|
}}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="wrapper"></div>
|
|
<script>
|
|
{JS['funcs']}
|
|
{JS['table']}
|
|
</script>
|
|
</body>
|
|
</html>
|
|
"""
|
|
|
|
|
|
class SeriesCommon:
|
|
def _set_interval(self, df: pd.DataFrame):
|
|
common_interval = pd.to_datetime(df['time']).diff().value_counts()
|
|
try:
|
|
self._interval = common_interval.index[0]
|
|
except IndexError:
|
|
raise IndexError('Not enough bars within the given data to calculate the interval/timeframe.')
|
|
self.run_script(f'''
|
|
if ({self.id}.toolBox) {{
|
|
{self.id}.toolBox.interval = {self._interval.total_seconds()*1000}
|
|
}}
|
|
''')
|
|
|
|
@staticmethod
|
|
def _rename(data, mapper, is_dataframe):
|
|
if is_dataframe:
|
|
data.columns = [mapper[key] if key in mapper else key for key in data.columns]
|
|
else:
|
|
data.index = [mapper[key] if key in mapper else key for key in data.index]
|
|
|
|
def _df_datetime_format(self, df: pd.DataFrame, exclude_lowercase=None):
|
|
df = df.copy()
|
|
if 'date' not in df.columns and 'time' not in df.columns:
|
|
df.columns = df.columns.str.lower()
|
|
if exclude_lowercase:
|
|
df[exclude_lowercase] = df[exclude_lowercase.lower()]
|
|
if 'date' in df.columns:
|
|
self._rename(df, {'date': 'time'}, True)
|
|
elif 'time' not in df.columns:
|
|
df['time'] = df.index
|
|
self._set_interval(df)
|
|
df['time'] = self._datetime_format(df['time'])
|
|
return df
|
|
|
|
def _series_datetime_format(self, series: pd.Series, exclude_lowercase=None):
|
|
series = series.copy()
|
|
if 'date' not in series.index and 'time' not in series.index:
|
|
series.index = series.index.str.lower()
|
|
if exclude_lowercase:
|
|
self._rename(series, {exclude_lowercase.lower(): exclude_lowercase}, False)
|
|
if 'date' in series.index:
|
|
self._rename(series, {'date': 'time'}, False)
|
|
elif 'time' not in series.index:
|
|
series['time'] = series.name
|
|
series['time'] = self._datetime_format(series['time'])
|
|
return series
|
|
|
|
def _datetime_format(self, arg: Union[pd.Series, str]):
|
|
arg = pd.to_datetime(arg)
|
|
if self._interval < timedelta(days=1):
|
|
if isinstance(arg, pd.Series):
|
|
arg = arg.astype('int64') // 10 ** 9
|
|
else:
|
|
arg = self._interval.total_seconds() * (arg.timestamp() // self._interval.total_seconds())
|
|
else:
|
|
arg = arg.dt.strftime('%Y-%m-%d') if isinstance(arg, pd.Series) else arg.strftime('%Y-%m-%d')
|
|
|
|
return arg
|
|
|
|
def marker(self, time: datetime = None, position: MARKER_POSITION = 'below', shape: MARKER_SHAPE = 'arrow_up',
|
|
color: str = '#2196F3', text: str = '') -> str:
|
|
"""
|
|
Creates a new marker.\n
|
|
:param time: The time that the marker will be placed at. If no time is given, it will be placed at the last bar.
|
|
:param position: The position of the marker.
|
|
:param color: The color of the marker (rgb, rgba or hex).
|
|
:param shape: The shape of the marker.
|
|
:param text: The text to be placed with the marker.
|
|
:return: The id of the marker placed.
|
|
"""
|
|
try:
|
|
time = self._last_bar['time'] if not time else self._datetime_format(time)
|
|
except TypeError:
|
|
raise TypeError('Chart marker created before data was set.')
|
|
marker_id = self._rand.generate()
|
|
self.run_script(f"""
|
|
{self.id}.markers.push({{
|
|
time: {time if isinstance(time, float) else f"'{time}'"},
|
|
position: '{_marker_position(position)}',
|
|
color: '{color}',
|
|
shape: '{_marker_shape(shape)}',
|
|
text: '{text}',
|
|
id: '{marker_id}'
|
|
}});
|
|
{self.id}.series.setMarkers({self.id}.markers)""")
|
|
return marker_id
|
|
|
|
def remove_marker(self, marker_id: str):
|
|
"""
|
|
Removes the marker with the given id.\n
|
|
"""
|
|
self.run_script(f'''
|
|
{self.id}.markers.forEach(function (marker) {{
|
|
if ('{marker_id}' === marker.id) {{
|
|
{self.id}.markers.splice({self.id}.markers.indexOf(marker), 1)
|
|
{self.id}.series.setMarkers({self.id}.markers)
|
|
}}
|
|
}});''')
|
|
|
|
def horizontal_line(self, price: Union[float, int], color: str = 'rgb(122, 146, 202)', width: int = 2,
|
|
style: LINE_STYLE = 'solid', text: str = '', axis_label_visible: bool = True, interactive: bool = False) -> 'HorizontalLine':
|
|
"""
|
|
Creates a horizontal line at the given price.\n
|
|
"""
|
|
return HorizontalLine(self, price, color, width, style, text, axis_label_visible, interactive)
|
|
|
|
def remove_horizontal_line(self, price: Union[float, int] = None):
|
|
"""
|
|
Removes a horizontal line at the given price.
|
|
"""
|
|
self.run_script(f'''
|
|
{self.id}.horizontal_lines.forEach(function (line) {{
|
|
if ({price} === line.price) line.deleteLine()
|
|
}})''')
|
|
|
|
def clear_markers(self):
|
|
"""
|
|
Clears the markers displayed on the data.\n
|
|
"""
|
|
self.run_script(f'''{self.id}.markers = []; {self.id}.series.setMarkers([])''')
|
|
|
|
def clear_horizontal_lines(self):
|
|
"""
|
|
Clears the horizontal lines displayed on the data.\n
|
|
"""
|
|
self.run_script(f'''
|
|
{self.id}.horizontal_lines.forEach(function (line) {{{self.id}.series.removePriceLine(line.line);}});
|
|
{self.id}.horizontal_lines = [];
|
|
''')
|
|
|
|
def price_line(self, label_visible: bool = True, line_visible: bool = True, title: str = ''):
|
|
self.run_script(f'''
|
|
{self.id}.series.applyOptions({{
|
|
lastValueVisible: {_js_bool(label_visible)},
|
|
priceLineVisible: {_js_bool(line_visible)},
|
|
title: '{title}',
|
|
}})''')
|
|
|
|
def precision(self, precision: int):
|
|
"""
|
|
Sets the precision and minMove.\n
|
|
:param precision: The number of decimal places.
|
|
"""
|
|
self.run_script(f'''
|
|
{self.id}.series.applyOptions({{
|
|
priceFormat: {{precision: {precision}, minMove: {1 / (10 ** precision)}}}
|
|
}})''')
|
|
|
|
def hide_data(self): self._toggle_data(False)
|
|
|
|
def show_data(self): self._toggle_data(True)
|
|
|
|
def _toggle_data(self, arg):
|
|
self.run_script(f'''
|
|
{self.id}.series.applyOptions({{visible: {_js_bool(arg)}}})
|
|
{f'{self.id}.volumeSeries.applyOptions({{visible: {_js_bool(arg)}}})' if hasattr(self, 'volume_enabled') and self.volume_enabled else ''}
|
|
''')
|
|
|
|
class HorizontalLine:
|
|
def __init__(self, chart, price, color, width, style, text, axis_label_visible, interactive):
|
|
self._chart = chart
|
|
self.id = self._chart._rand.generate()
|
|
self._chart.run_script(f'''
|
|
{self.id} = new HorizontalLine({self._chart.id}, '{self.id}', {price}, '{color}', {width}, {_line_style(style)}, {_js_bool(axis_label_visible)}, '{text}')
|
|
''')
|
|
if not interactive: return
|
|
self._chart.run_script(f'if ("toolBox" in {self._chart.id}) {self._chart.id}.toolBox.drawings.push({self.id})')
|
|
|
|
def update(self, price):
|
|
"""
|
|
Moves the horizontal line to the given price.
|
|
"""
|
|
self._chart.run_script(f'{self.id}.updatePrice({price})')
|
|
|
|
def label(self, text: str):
|
|
self._chart.run_script(f'{self.id}.updateLabel("{text}")')
|
|
|
|
def delete(self):
|
|
"""
|
|
Irreversibly deletes the horizontal line.
|
|
"""
|
|
self._chart.run_script(f'{self.id}.deleteLine()')
|
|
del self
|
|
|
|
|
|
class Line(SeriesCommon):
|
|
def __init__(self, chart, color, width, price_line, price_label, crosshair_marker=True):
|
|
self.color = color
|
|
self.name = ''
|
|
self._chart = chart
|
|
self._rand = chart._rand
|
|
self.id = self._rand.generate()
|
|
self.run_script = self._chart.run_script
|
|
self.run_script(f'''
|
|
{self.id} = {{
|
|
series: {self._chart.id}.chart.addLineSeries({{
|
|
color: '{color}',
|
|
lineWidth: {width},
|
|
lastValueVisible: {_js_bool(price_label)},
|
|
priceLineVisible: {_js_bool(price_line)},
|
|
crosshairMarkerVisible: {_js_bool(crosshair_marker)},
|
|
{"""autoscaleInfoProvider: () => ({
|
|
priceRange: {
|
|
minValue: 1_000_000_000,
|
|
maxValue: 0,
|
|
},
|
|
}),""" if self._chart._scale_candles_only else ''}
|
|
}}),
|
|
markers: [],
|
|
horizontal_lines: [],
|
|
name: '',
|
|
color: '{color}',
|
|
}}
|
|
{self._chart.id}.lines.push({self.id})
|
|
if ('legend' in {self._chart.id}) {{
|
|
{self._chart.id}.legend.makeLines({self._chart.id})
|
|
}}
|
|
''')
|
|
|
|
|
|
def set(self, data: pd.DataFrame, name=''):
|
|
"""
|
|
Sets the line data.\n
|
|
:param data: If the name parameter is not used, the columns should be named: date/time, value.
|
|
:param name: The column of the DataFrame to use as the line value. When used, the Line will be named after this column.
|
|
"""
|
|
if data.empty or data is None:
|
|
self.run_script(f'{self.id}.series.setData([]); {self.id}.name = "{name}"')
|
|
return
|
|
df = self._df_datetime_format(data, exclude_lowercase=name)
|
|
if name:
|
|
if name not in data:
|
|
raise NameError(f'No column named "{name}".')
|
|
self.name = name
|
|
df = df.rename(columns={name: 'value'})
|
|
self._last_bar = df.iloc[-1]
|
|
self.run_script(f'{self.id}.series.setData({df.to_dict("records")}); {self.id}.name = "{name}"')
|
|
|
|
def update(self, series: pd.Series):
|
|
"""
|
|
Updates the line data.\n
|
|
:param series: labels: date/time, value
|
|
"""
|
|
series = self._series_datetime_format(series, exclude_lowercase=self.name)
|
|
if self.name in series.index:
|
|
series.rename({self.name: 'value'}, inplace=True)
|
|
self._last_bar = series
|
|
self.run_script(f'{self.id}.series.update({series.to_dict()})')
|
|
|
|
def _set_trend(self, start_time, start_value, end_time, end_value, ray=False):
|
|
def time_format(time_val):
|
|
time_val = self._chart._datetime_format(time_val)
|
|
return f"'{time_val}'" if isinstance(time_val, str) else time_val
|
|
self.run_script(f'''
|
|
let logical
|
|
if ({_js_bool(ray)}) logical = {self._chart.id}.chart.timeScale().getVisibleLogicalRange()
|
|
{self.id}.series.setData(calculateTrendLine({time_format(start_time)}, {start_value}, {time_format(end_time)}, {end_value},
|
|
{self._chart._interval.total_seconds()*1000}, {self._chart.id}, {_js_bool(ray)}))
|
|
if (logical) {self._chart.id}.chart.timeScale().setVisibleLogicalRange(logical)
|
|
''')
|
|
|
|
def delete(self):
|
|
"""
|
|
Irreversibly deletes the line, as well as the object that contains the line.
|
|
"""
|
|
self._chart._lines.remove(self) if self in self._chart._lines else None
|
|
self.run_script(f'''
|
|
{self._chart.id}.chart.removeSeries({self.id}.series)
|
|
delete {self.id}
|
|
''')
|
|
del self
|
|
|
|
|
|
class Widget:
|
|
def __init__(self, topbar):
|
|
self._chart = topbar._chart
|
|
self._method = None
|
|
|
|
|
|
class TextWidget(Widget):
|
|
def __init__(self, topbar, initial_text):
|
|
super().__init__(topbar)
|
|
self.value = initial_text
|
|
self.id = self._chart._rand.generate()
|
|
self._chart.run_script(f'''{self.id} = makeTextBoxWidget({self._chart.id}, "{initial_text}")''')
|
|
|
|
def set(self, string):
|
|
self.value = string
|
|
self._chart.run_script(f'{self.id}.innerText = "{string}"')
|
|
|
|
|
|
class SwitcherWidget(Widget):
|
|
def __init__(self, topbar, method, *options, default):
|
|
super().__init__(topbar)
|
|
self.value = default
|
|
self._method = str(method)
|
|
self._chart.run_script(f'''
|
|
makeSwitcher({self._chart.id}, {list(options)}, '{default}', '{self._method}',
|
|
'{topbar.active_background_color}', '{topbar.active_text_color}', '{topbar.text_color}', '{topbar.hover_color}')
|
|
reSize({self._chart.id})
|
|
''')
|
|
|
|
|
|
class TopBar:
|
|
def __init__(self, chart):
|
|
self._chart = chart
|
|
self._widgets: Dict[str, Widget] = {}
|
|
self._chart.run_script(f'''
|
|
makeTopBar({self._chart.id})
|
|
reSize({self._chart.id})
|
|
''')
|
|
self.active_background_color = 'rgba(0, 122, 255, 0.7)'
|
|
self.active_text_color = 'rgb(240, 240, 240)'
|
|
self.text_color = 'lightgrey'
|
|
self.hover_color = 'rgb(60, 60, 60)'
|
|
|
|
def __getitem__(self, item): return self._widgets.get(item)
|
|
|
|
def switcher(self, name, method, *options, default=None):
|
|
self._chart._methods[str(method)] = method
|
|
self._widgets[name] = SwitcherWidget(self, method, *options, default=default if default else options[0])
|
|
|
|
def textbox(self, name, initial_text=''): self._widgets[name] = TextWidget(self, initial_text)
|
|
|
|
def _widget_with_method(self, method_name):
|
|
for widget in self._widgets.values():
|
|
if widget._method == method_name:
|
|
return widget
|
|
|
|
|
|
class ToolBox:
|
|
def __init__(self, chart):
|
|
self.run_script = chart.run_script
|
|
self.id = chart.id
|
|
self._return_q = chart._return_q
|
|
self._save_under = None
|
|
self._saved_drawings = {}
|
|
|
|
def save_drawings_under(self, widget: Widget):
|
|
"""
|
|
Drawings made on charts will be saved under the widget given. eg `chart.toolbox.save_drawings_under(chart.topbar['symbol'])`.
|
|
"""
|
|
self._save_under = widget
|
|
|
|
def load_drawings(self, tag: str):
|
|
"""
|
|
Loads and displays the drawings on the chart stored under the tag given.
|
|
"""
|
|
if not self._saved_drawings.get(tag):
|
|
return
|
|
self.run_script(f'if ("toolBox" in {self.id}) {self.id}.toolBox.loadDrawings({json.dumps(self._saved_drawings[tag])})')
|
|
|
|
def import_drawings(self, file_path):
|
|
"""
|
|
Imports a list of drawings stored at the given file path.
|
|
"""
|
|
with open(file_path, 'r') as f:
|
|
json_data = json.load(f)
|
|
self._saved_drawings = json_data
|
|
|
|
def export_drawings(self, file_path):
|
|
"""
|
|
Exports the current list of drawings to the given file path.
|
|
"""
|
|
with open(file_path, 'w+') as f:
|
|
json.dump(self._saved_drawings, f, indent=4)
|
|
|
|
def _save_drawings(self, drawings):
|
|
if not self._save_under:
|
|
return
|
|
self._saved_drawings[self._save_under.value] = json.loads(drawings)
|
|
|
|
|
|
class LWC(SeriesCommon):
|
|
def __init__(self, volume_enabled: bool = True, inner_width: float = 1.0, inner_height: float = 1.0, dynamic_loading: bool = False,
|
|
scale_candles_only: bool = False, topbar: bool = False, searchbox: bool = False, toolbox: bool = False,
|
|
_js_api_code: str = None, autosize=True, _run_script=None):
|
|
self.volume_enabled = volume_enabled
|
|
self._scale_candles_only = scale_candles_only
|
|
self._inner_width = inner_width
|
|
self._inner_height = inner_height
|
|
self._dynamic_loading = dynamic_loading
|
|
if _run_script:
|
|
self.run_script = _run_script
|
|
self._rand = IDGen()
|
|
self.id = self._rand.generate()
|
|
self._position = 'left'
|
|
self.loaded = False
|
|
self._html = HTML
|
|
self._scripts = []
|
|
self._final_scripts = []
|
|
self._script_func = None
|
|
self._last_bar = None
|
|
self._interval = None
|
|
self._charts = {self.id: self}
|
|
self._lines = []
|
|
self.run_script(f'window.callbackFunction = {_js_api_code}') if _js_api_code else None
|
|
self._methods = {}
|
|
self._return_q = None
|
|
|
|
self._background_color = '#000000'
|
|
self._volume_up_color = 'rgba(83,141,131,0.8)'
|
|
self._volume_down_color = 'rgba(200,127,130,0.8)'
|
|
|
|
from lightweight_charts.polygon import PolygonAPI
|
|
self.polygon: PolygonAPI = PolygonAPI(self)
|
|
|
|
self.run_script(f'''
|
|
{self.id} = makeChart({self._inner_width}, {self._inner_height}, autoSize={_js_bool(autosize)})
|
|
{self.id}.id = '{self.id}'
|
|
{self.id}.wrapper.style.float = "{self._position}"
|
|
''')
|
|
if toolbox:
|
|
self.run_script(JS['toolbox'])
|
|
self.run_script(f'{self.id}.toolBox = new ToolBox({self.id})')
|
|
self.toolbox: ToolBox = ToolBox(self)
|
|
if not topbar and not searchbox:
|
|
return
|
|
self.run_script(JS['callback'])
|
|
self.run_script(f'makeSpinner({self.id})')
|
|
self.topbar = TopBar(self) if topbar else None
|
|
self.run_script(f'{self.id}.search = makeSearchBox({self.id})') if searchbox else None
|
|
|
|
def _on_js_load(self):
|
|
if self.loaded:
|
|
return
|
|
self.loaded = True
|
|
[self.run_script(script) for script in self._scripts]
|
|
[self.run_script(script) for script in self._final_scripts]
|
|
|
|
def run_script(self, script, run_last=False):
|
|
"""
|
|
For advanced users; evaluates JavaScript within the Webview.
|
|
"""
|
|
if self.loaded:
|
|
self._script_func(script)
|
|
return
|
|
self._scripts.append(script) if not run_last else self._final_scripts.append(script)
|
|
|
|
def set(self, df: pd.DataFrame = None, render_drawings=False):
|
|
"""
|
|
Sets the initial data for the chart.\n
|
|
:param df: columns: date/time, open, high, low, close, volume (if volume enabled).
|
|
:param render_drawings: Re-renders any drawings made through the toolbox. Otherwise, they will be deleted.
|
|
"""
|
|
|
|
if df.empty or df is None:
|
|
self.run_script(f'{self.id}.series.setData([])')
|
|
self.run_script(f'{self.id}.volumeSeries.setData([])')
|
|
# self.run_script(f"if ('toolBox' in {self.id}) {self.id}.toolBox.{render_or_clear}()")
|
|
return
|
|
bars = self._df_datetime_format(df)
|
|
self._last_bar = bars.iloc[-1]
|
|
if self.volume_enabled:
|
|
if 'volume' not in bars:
|
|
raise MissingColumn("Volume enabled, but 'volume' column was not found.")
|
|
|
|
volume = bars.drop(columns=['open', 'high', 'low', 'close']).rename(columns={'volume': 'value'})
|
|
volume['color'] = self._volume_down_color
|
|
volume.loc[bars['close'] > bars['open'], 'color'] = self._volume_up_color
|
|
self.run_script(f'{self.id}.volumeSeries.setData({volume.to_dict(orient="records")})')
|
|
bars = bars.drop(columns=['volume'])
|
|
|
|
bars = bars.to_dict(orient='records')
|
|
self.run_script(f'''
|
|
{self.id}.candleData = {bars}
|
|
{self.id}.shownData = ({self.id}.candleData.length >= 190) ? {self.id}.candleData.slice(-190) : {self.id}.candleData
|
|
{self.id}.series.setData({self.id}.shownData);
|
|
|
|
var timer = null;
|
|
{self.id}.chart.timeScale().subscribeVisibleLogicalRangeChange(() => {{
|
|
if (timer !== null) {{
|
|
return;
|
|
}}
|
|
timer = setTimeout(() => {{
|
|
let chart = {self.id}
|
|
let logicalRange = chart.chart.timeScale().getVisibleLogicalRange();
|
|
if (logicalRange !== null) {{
|
|
let barsInfo = chart.series.barsInLogicalRange(logicalRange);
|
|
if (barsInfo === null || barsInfo.barsBefore === null || barsInfo.barsAfter === null) {{return}}
|
|
if (barsInfo !== null && barsInfo.barsBefore < 20 || barsInfo.barsAfter < 20) {{
|
|
let newBeginning = chart.candleData.indexOf(chart.shownData[0])+Math.round(barsInfo.barsBefore)-20
|
|
let newEnd = chart.candleData.indexOf(chart.shownData[chart.shownData.length-2])-Math.round(barsInfo.barsAfter)+20
|
|
if (newBeginning < 0) {{
|
|
newBeginning = 0
|
|
}}
|
|
chart.shownData = chart.candleData.slice(newBeginning, newEnd)
|
|
if (newEnd-17 <= chart.candleData.length-1) {{
|
|
chart.shownData[chart.shownData.length - 1] = Object.assign({{}}, chart.shownData[chart.shownData.length - 1]);
|
|
chart.shownData[chart.shownData.length - 1].open = chart.candleData[chart.candleData.length - 1].close;
|
|
chart.shownData[chart.shownData.length - 1].high = chart.candleData[chart.candleData.length - 1].close;
|
|
chart.shownData[chart.shownData.length - 1].low = chart.candleData[chart.candleData.length - 1].close;
|
|
chart.shownData[chart.shownData.length - 1].close = chart.candleData[chart.candleData.length - 1].close;
|
|
}}
|
|
chart.series.setData(chart.shownData);
|
|
}}
|
|
}}
|
|
timer = null;
|
|
}}, 50);
|
|
}});
|
|
''') if self._dynamic_loading else self.run_script(f'{self.id}.candleData = {bars}; {self.id}.series.setData({self.id}.candleData)')
|
|
self.run_script(f"if ('toolBox' in {self.id}) {self.id}.toolBox.{'clearDrawings' if not render_drawings else 'renderDrawings'}()")
|
|
|
|
def fit(self):
|
|
"""
|
|
Fits the maximum amount of the chart data within the viewport.
|
|
"""
|
|
self.run_script(f'{self.id}.chart.timeScale().fitContent()')
|
|
|
|
def update(self, series, from_tick=False):
|
|
"""
|
|
Updates the data from a bar;
|
|
if series['time'] is the same time as the last bar, the last bar will be overwritten.\n
|
|
:param series: labels: date/time, open, high, low, close, volume (if volume enabled).
|
|
"""
|
|
series = self._series_datetime_format(series) if not from_tick else series
|
|
self._last_bar = series
|
|
if self.volume_enabled:
|
|
if 'volume' not in series:
|
|
raise MissingColumn("Volume enabled, but 'volume' column was not found.")
|
|
|
|
volume = series.drop(['open', 'high', 'low', 'close']).rename({'volume': 'value'})
|
|
volume['color'] = self._volume_up_color if series['close'] > series['open'] else self._volume_down_color
|
|
self.run_script(f'{self.id}.volumeSeries.update({volume.to_dict()})')
|
|
series = series.drop(['volume'])
|
|
bar = series.to_dict()
|
|
self.run_script(f'''
|
|
|
|
let logicalRange = {self.id}.chart.timeScale().getVisibleLogicalRange();
|
|
let barsInfo = {self.id}.series.barsInLogicalRange(logicalRange);
|
|
|
|
if ({self.id}.candleData[{self.id}.candleData.length-1].time === {bar['time']}) {{
|
|
{self.id}.shownData[{self.id}.shownData.length-1] = {bar}
|
|
{self.id}.candleData[{self.id}.candleData.length-1] = {bar}
|
|
}}
|
|
else {{
|
|
if (barsInfo.barsAfter > 0) {{
|
|
{self.id}.shownData[{self.id}.shownData.length-1] = {bar}
|
|
}}
|
|
else {{
|
|
{self.id}.shownData.push({bar})
|
|
}}
|
|
|
|
{self.id}.candleData.push({bar})
|
|
}}
|
|
{self.id}.series.update({self.id}.shownData[{self.id}.shownData.length-1])
|
|
''') if self._dynamic_loading else self.run_script(f'''
|
|
if (chartTimeToDate({self.id}.candleData[{self.id}.candleData.length-1].time).getTime() === chartTimeToDate({bar['time']}).getTime()) {{
|
|
{self.id}.candleData[{self.id}.candleData.length-1] = {bar}
|
|
}}
|
|
else {{
|
|
{self.id}.candleData.push({bar})
|
|
}}
|
|
{self.id}.series.update({bar})
|
|
''')
|
|
|
|
def update_from_tick(self, series, cumulative_volume=False):
|
|
"""
|
|
Updates the data from a tick.\n
|
|
:param series: labels: date/time, price, volume (if volume enabled).
|
|
:param cumulative_volume: Adds the given volume onto the latest bar.
|
|
"""
|
|
series = self._series_datetime_format(series)
|
|
bar = pd.Series()
|
|
if series['time'] == self._last_bar['time']:
|
|
bar = self._last_bar
|
|
bar['high'] = max(self._last_bar['high'], series['price'])
|
|
bar['low'] = min(self._last_bar['low'], series['price'])
|
|
bar['close'] = series['price']
|
|
if self.volume_enabled:
|
|
if 'volume' not in series:
|
|
raise MissingColumn("Volume enabled, but 'volume' column was not found.")
|
|
elif cumulative_volume:
|
|
bar['volume'] += series['volume']
|
|
else:
|
|
bar['volume'] = series['volume']
|
|
else:
|
|
for key in ('open', 'high', 'low', 'close'):
|
|
bar[key] = series['price']
|
|
bar['time'] = series['time']
|
|
bar['volume'] = 0
|
|
self.update(bar, from_tick=True)
|
|
|
|
def create_line(self, color: str = 'rgba(214, 237, 255, 0.6)', width: int = 2,
|
|
price_line: bool = True, price_label: bool = True) -> Line:
|
|
"""
|
|
Creates and returns a Line object.)\n
|
|
"""
|
|
self._lines.append(Line(self, color, width, price_line, price_label))
|
|
return self._lines[-1]
|
|
|
|
def lines(self) -> List[Line]:
|
|
"""
|
|
Returns all lines for the chart.
|
|
"""
|
|
return self._lines.copy()
|
|
|
|
def trend_line(self, start_time, start_value, end_time, end_value, color: str = '#1E80F0', width: int = 2) -> Line:
|
|
line = Line(self, color, width, price_line=False, price_label=False, crosshair_marker=False)
|
|
line._set_trend(start_time, start_value, end_time, end_value, ray=False)
|
|
return line
|
|
|
|
def ray_line(self, start_time, value, color: str = '#1E80F0', width: int = 2) -> Line:
|
|
line = Line(self, color, width, price_line=False, price_label=False, crosshair_marker=False)
|
|
line._set_trend(start_time, value, start_time, value, ray=True)
|
|
return line
|
|
|
|
def price_scale(self, mode: PRICE_SCALE_MODE = 'normal', align_labels: bool = True, border_visible: bool = False,
|
|
border_color: str = None, text_color: str = None, entire_text_only: bool = False,
|
|
ticks_visible: bool = False, scale_margin_top: float = 0.2, scale_margin_bottom: float = 0.2):
|
|
self.run_script(f'''
|
|
{self.id}.series.priceScale().applyOptions({{
|
|
mode: {_price_scale_mode(mode)},
|
|
alignLabels: {_js_bool(align_labels)},
|
|
borderVisible: {_js_bool(border_visible)},
|
|
{f'borderColor: "{border_color}",' if border_color else ''}
|
|
{f'textColor: "{text_color}",' if text_color else ''}
|
|
entireTextOnly: {_js_bool(entire_text_only)},
|
|
ticksVisible: {_js_bool(ticks_visible)},
|
|
scaleMargins: {{top: {scale_margin_top}, bottom: {scale_margin_bottom}}}
|
|
}})''')
|
|
|
|
def time_scale(self, right_offset: int = 0, min_bar_spacing: float = 0.5,
|
|
visible: bool = True, time_visible: bool = True, seconds_visible: bool = False,
|
|
border_visible: bool = True, border_color: str = None):
|
|
"""
|
|
Options for the time scale of the chart.
|
|
"""
|
|
self.run_script(f'''
|
|
{self.id}.chart.applyOptions({{
|
|
timeScale: {{
|
|
rightOffset: {right_offset},
|
|
minBarSpacing: {min_bar_spacing},
|
|
visible: {_js_bool(visible)},
|
|
timeVisible: {_js_bool(time_visible)},
|
|
secondsVisible: {_js_bool(seconds_visible)},
|
|
borderVisible: {_js_bool(border_visible)},
|
|
{f'borderColor: "{border_color}",' if border_color else ''}
|
|
}}
|
|
}})''')
|
|
|
|
def layout(self, background_color: str = None, text_color: str = None, font_size: int = None,
|
|
font_family: str = None):
|
|
"""
|
|
Global layout options for the chart.
|
|
"""
|
|
self._background_color = background_color if background_color else self._background_color
|
|
self.run_script(f"""
|
|
document.getElementById('wrapper').style.backgroundColor = '{self._background_color}'
|
|
{self.id}.chart.applyOptions({{
|
|
layout: {{
|
|
background: {{
|
|
color: "{self._background_color}",
|
|
}},
|
|
{f'textColor: "{text_color}",' if text_color else ''}
|
|
{f'fontSize: {font_size},' if font_size else ''}
|
|
{f'fontFamily: "{font_family}",' if font_family else ''}
|
|
}}}})""")
|
|
|
|
def grid(self, vert_enabled: bool = True, horz_enabled: bool = True, color: str = 'rgba(29, 30, 38, 5)', style: LINE_STYLE = 'solid'):
|
|
"""
|
|
Grid styling for the chart.
|
|
"""
|
|
self.run_script(f"""
|
|
{self.id}.chart.applyOptions({{
|
|
grid: {{
|
|
vertLines: {{
|
|
visible: {_js_bool(vert_enabled)},
|
|
color: "{color}",
|
|
style: {_line_style(style)},
|
|
}},
|
|
horzLines: {{
|
|
visible: {_js_bool(horz_enabled)},
|
|
color: "{color}",
|
|
style: {_line_style(style)},
|
|
}},
|
|
}}
|
|
}})""")
|
|
|
|
def candle_style(self, up_color: str = 'rgba(39, 157, 130, 100)', down_color: str = 'rgba(200, 97, 100, 100)',
|
|
wick_enabled: bool = True, border_enabled: bool = True, border_up_color: str = '',
|
|
border_down_color: str = '', wick_up_color: str = '', wick_down_color: str = ''):
|
|
"""
|
|
Candle styling for each of its parts.
|
|
"""
|
|
self.run_script(f"""
|
|
{self.id}.series.applyOptions({{
|
|
upColor: "{up_color}",
|
|
downColor: "{down_color}",
|
|
wickVisible: {_js_bool(wick_enabled)},
|
|
borderVisible: {_js_bool(border_enabled)},
|
|
{f'borderUpColor: "{border_up_color}",' if border_up_color else up_color if border_enabled else ''}
|
|
{f'borderDownColor: "{border_down_color}",' if border_down_color else down_color if border_enabled else ''}
|
|
{f'wickUpColor: "{wick_up_color}",' if wick_up_color else wick_up_color if wick_enabled else ''}
|
|
{f'wickDownColor: "{wick_down_color}",' if wick_down_color else wick_down_color if wick_enabled else ''}
|
|
}})""")
|
|
|
|
def volume_config(self, scale_margin_top: float = 0.8, scale_margin_bottom: float = 0.0,
|
|
up_color='rgba(83,141,131,0.8)', down_color='rgba(200,127,130,0.8)'):
|
|
"""
|
|
Configure volume settings.\n
|
|
Numbers for scaling must be greater than 0 and less than 1.\n
|
|
Volume colors must be applied prior to setting/updating the bars.\n
|
|
:param scale_margin_top: Scale the top of the margin.
|
|
:param scale_margin_bottom: Scale the bottom of the margin.
|
|
:param up_color: Volume color for upward direction (rgb, rgba or hex)
|
|
:param down_color: Volume color for downward direction (rgb, rgba or hex)
|
|
"""
|
|
self._volume_up_color = up_color if up_color else self._volume_up_color
|
|
self._volume_down_color = down_color if down_color else self._volume_down_color
|
|
self.run_script(f'''
|
|
{self.id}.volumeSeries.priceScale().applyOptions({{
|
|
scaleMargins: {{
|
|
top: {scale_margin_top},
|
|
bottom: {scale_margin_bottom},
|
|
}}
|
|
}})''')
|
|
|
|
def crosshair(self, mode: CROSSHAIR_MODE = 'normal', vert_visible: bool = True, vert_width: int = 1, vert_color: str = None,
|
|
vert_style: LINE_STYLE = 'large_dashed', vert_label_background_color: str = 'rgb(46, 46, 46)', horz_visible: bool = True,
|
|
horz_width: int = 1, horz_color: str = None, horz_style: LINE_STYLE = 'large_dashed', horz_label_background_color: str = 'rgb(55, 55, 55)'):
|
|
"""
|
|
Crosshair formatting for its vertical and horizontal axes.
|
|
"""
|
|
self.run_script(f'''
|
|
{self.id}.chart.applyOptions({{
|
|
crosshair: {{
|
|
mode: {_crosshair_mode(mode)},
|
|
vertLine: {{
|
|
visible: {_js_bool(vert_visible)},
|
|
width: {vert_width},
|
|
{f'color: "{vert_color}",' if vert_color else ''}
|
|
style: {_line_style(vert_style)},
|
|
labelBackgroundColor: "{vert_label_background_color}"
|
|
}},
|
|
horzLine: {{
|
|
visible: {_js_bool(horz_visible)},
|
|
width: {horz_width},
|
|
{f'color: "{horz_color}",' if horz_color else ''}
|
|
style: {_line_style(horz_style)},
|
|
labelBackgroundColor: "{horz_label_background_color}"
|
|
}}
|
|
}}}})''')
|
|
|
|
def watermark(self, text: str, font_size: int = 44, color: str = 'rgba(180, 180, 200, 0.5)'):
|
|
"""
|
|
Adds a watermark to the chart.
|
|
"""
|
|
self.run_script(f'''
|
|
{self.id}.chart.applyOptions({{
|
|
watermark: {{
|
|
visible: true,
|
|
fontSize: {font_size},
|
|
horzAlign: 'center',
|
|
vertAlign: 'center',
|
|
color: '{color}',
|
|
text: '{text}',
|
|
}}
|
|
}})''')
|
|
|
|
def legend(self, visible: bool = False, ohlc: bool = True, percent: bool = True, lines: bool = True, color: str = 'rgb(191, 195, 203)',
|
|
font_size: int = 11, font_family: str = 'Monaco'):
|
|
"""
|
|
Configures the legend of the chart.
|
|
"""
|
|
if not visible:
|
|
return
|
|
self.run_script(f'''
|
|
{self.id}.legend = new Legend({self.id}, {_js_bool(ohlc)}, {_js_bool(percent)}, {_js_bool(lines)}, '{color}', {font_size}, '{font_family}')
|
|
''')
|
|
|
|
def spinner(self, visible): self.run_script(f"{self.id}.spinner.style.display = '{'block' if visible else 'none'}'")
|
|
|
|
def screenshot(self) -> bytes:
|
|
"""
|
|
Takes a screenshot. This method can only be used after the chart window is visible.
|
|
:return: a bytes object containing a screenshot of the chart.
|
|
"""
|
|
self.run_script(f'''
|
|
let canvas = {self.id}.chart.takeScreenshot()
|
|
canvas.toBlob(function(blob) {{
|
|
const reader = new FileReader();
|
|
reader.onload = function(event) {{
|
|
window.callbackFunction(`return_~_{self.id}_~_${{event.target.result}}`)
|
|
}};
|
|
reader.readAsDataURL(blob);
|
|
}})
|
|
''')
|
|
serial_data = self._return_q.get()
|
|
return b64decode(serial_data.split(',')[1])
|
|
|
|
def add_hotkey(self, modifier_key: Literal['ctrl', 'alt', 'shift', 'meta'], keys: Union[str, tuple, int], method):
|
|
self._methods[str(method)] = method
|
|
if not isinstance(keys, tuple): keys = (keys,)
|
|
for key in keys:
|
|
key_code = 'Key' + key.upper() if isinstance(key, str) else 'Digit' + str(key)
|
|
self.run_script(f'''
|
|
{self.id}.commandFunctions.unshift((event) => {{
|
|
if (event.{modifier_key + 'Key'} && event.code === '{key_code}') {{
|
|
event.preventDefault()
|
|
window.callbackFunction(`{str(method)}_~_{self.id}_~_{key}`)
|
|
return true
|
|
}}
|
|
else return false
|
|
}})''')
|
|
|
|
def create_table(self, width: Union[float, int], height: Union[float, int], headings: tuple, widths: tuple = None, alignments: tuple = None,
|
|
position: str = 'left', draggable: bool = False, method: object = None):
|
|
self._methods[str(method)] = method
|
|
return Table(self, width, height, headings, widths, alignments, position, draggable, method)
|
|
|
|
def create_subchart(self, volume_enabled: bool = True, position: Literal['left', 'right', 'top', 'bottom'] = 'left',
|
|
width: float = 0.5, height: float = 0.5, sync: Union[bool, str] = False, dynamic_loading: bool = False,
|
|
scale_candles_only: bool = False, topbar: bool = False, searchbox: bool = False, toolbox: bool = False):
|
|
subchart = SubChart(self, volume_enabled, position, width, height, sync, dynamic_loading, scale_candles_only, topbar, searchbox, toolbox)
|
|
self._charts[subchart.id] = subchart
|
|
return subchart
|
|
|
|
|
|
class SubChart(LWC):
|
|
def __init__(self, parent, volume_enabled, position, width, height, sync, dynamic_loading, scale_candles_only, topbar, searchbox, toolbox):
|
|
self._chart = parent._chart if isinstance(parent, SubChart) else parent
|
|
super().__init__(volume_enabled, width, height, dynamic_loading, scale_candles_only, topbar, searchbox, toolbox, _run_script=self._chart.run_script)
|
|
self._parent = parent
|
|
self._position = position
|
|
self._return_q = self._chart._return_q
|
|
self._charts = self._chart._charts
|
|
self.polygon = self._chart.polygon._subchart(self)
|
|
|
|
if not sync:
|
|
return
|
|
sync_parent_id = self._parent.id if isinstance(sync, bool) else sync
|
|
self.run_script(f'''
|
|
{sync_parent_id}.chart.timeScale().subscribeVisibleLogicalRangeChange((timeRange) => {{
|
|
{self.id}.chart.timeScale().setVisibleLogicalRange(timeRange)
|
|
}});
|
|
syncCrosshairs({self.id}.chart, {sync_parent_id}.chart)
|
|
''')
|
|
self.run_script(f'''
|
|
{self.id}.chart.timeScale().setVisibleLogicalRange({sync_parent_id}.chart.timeScale().getVisibleLogicalRange())
|
|
''', run_last=True)
|