Render Stock Chart
render_stock_chartRead-only
Generate interactive stock charts for financial data visualization using Highcharts Stock Options to display time-series trends and technical analysis.
Instructions
Render a Highcharts Stock chart for financial/time-series data. Input is a Highcharts Stock Options object (https://api.highcharts.com/highstock/).
Input Schema
TableJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
| accessibility | No | Options for configuring accessibility for the chart. Requires the accessibility module to be loaded. For a description of the module and information on its features, see Highcharts Accessibility. | |
| annotations | No | A collection of annotations to add to the chart. The basic annotation allows adding custom labels or shapes. The items can be tied to points, axis coordinates or chart pixel coordinates. General options for all annotations can be set using the `Highc | |
| boost | No | Options for the Boost module. The Boost module allows certain series types to be rendered by WebGL instead of the default SVG. This allows hundreds of thousands of data points to be rendered in milliseconds. In addition to the WebGL rendering it save | |
| caption | No | The chart's caption, which will render below the chart and will be part of exported charts. The caption can be updated after chart initialization through the `Chart.update` or `Chart.caption.update` methods. | |
| chart | No | General options for the chart. | |
| colorAxis | No | A color axis for series. Visually, the color axis will appear as a gradient or as separate items inside the legend, depending on whether the axis is scalar or based on data classes. For supported color formats, see the docs article about colors. A sc | |
| colors | No | An array containing the default colors for the chart's series. When all colors are used, new colors are pulled from the start again. Default colors can also be set on a series or series.type basis, see column.colors, pie.colors. In styled mode, the c | |
| credits | No | Highcharts by default puts a credits label in the lower right corner of the chart. This can be changed using these options. | |
| data | No | The Data module provides a simplified interface for adding data to a chart from sources like CVS, HTML tables or grid views. See also the tutorial article on the Data module. It requires the `modules/data.js` file to be loaded. Please note that the d | |
| defs | No | Options for configuring markers for annotations. An example of the arrow marker: { arrow: { id: 'arrow', tagName: 'marker', refY: 5, refX: 5, markerWidth: 10, markerHeight: 10, children: [{ tagName: 'path', attrs: { d: 'M 0 0 L 10 5 L 0 10 Z', 'strok | |
| drilldown | No | Options for drill down, the concept of inspecting increasingly high resolution data through clicking on chart items like columns or pie slices. | |
| exporting | No | Options for the exporting module. For an overview on the matter, see the docs and read our Fair Usage Policy. | |
| global | No | Global options that don't apply to each chart. These options must be set using the `Highcharts.setOptions` method. ```js Highcharts.setOptions({ global: { buttonTheme: { fill: '#d0d0d0' } } }); ``` | |
| lang | No | An object containing language-related strings and settings. A typical setup uses `Highcharts.setOptions` to make the options apply to all charts in the same page. ```js Highcharts.setOptions({ lang: { locale: 'fr' } }); ``` | |
| legend | No | The legend is a box containing a symbol and name for each series item or point item in the chart. Each series (or points in case of pie charts) is represented by a symbol and its name in the legend. It is possible to override the symbol creator funct | |
| loading | No | The loading options control the appearance of the loading screen that covers the plot area on chart operations. This screen only appears after an explicit call to `chart.showLoading()`. It is a utility for developers to communicate to the end user th | |
| navigation | No | A collection of options for buttons and menus appearing in the exporting module or in Stock Tools. | |
| noData | No | Options for displaying a message like "No data to display". This feature requires the file no-data-to-display.js to be loaded in the page. The actual text to display is set in the lang.noData option. | |
| pane | No | The pane serves as a container for axes and backgrounds for circular gauges and polar charts. When used in `Highcharts.setOptions` for theming, the pane must be a single object, otherwise arrays are supported. | |
| plotOptions | No | The plotOptions is a wrapper object for config objects for each series type. The config objects for each series can also be overridden for each series item as given in the series array. Configuration options for the series are given in three levels. | |
| responsive | No | Allows setting a set of rules to apply for different screen or chart sizes. Each rule specifies additional chart options. | |
| series | No | Series options for specific data and the data itself. In TypeScript you have to cast the series options to specific series types, to get all possible options for a series. ```ts // TypeScript example Highcharts.chart('container', { series: [{ color: | |
| sonification | No | ||
| subtitle | No | The chart's subtitle. This can be used both to display a subtitle below the main title, and to display random text anywhere in the chart. The subtitle can be updated after chart initialization through the `Chart.setTitle` method. | |
| time | No | Time options that can apply globally or to individual charts. These settings affect how `datetime` axes are laid out, how tooltips are formatted, how series pointIntervalUnit works and how the Highcharts Stock range selector handles time. The common | |
| title | No | The chart's main title. | |
| tooltip | No | Options for the tooltip that appears when the user hovers over a series or point. | |
| xAxis | No | The X axis or category axis. Normally this is the horizontal axis, though if the chart is inverted this is the vertical axis. In case of multiple axes, the xAxis node is an array of configuration objects. See the Axis class for programmatic access to | |
| yAxis | No | The Y axis or value axis. Normally this is the vertical axis, though if the chart is inverted this is the horizontal axis. In case of multiple axes, the yAxis node is an array of configuration objects. See the Axis object for programmatic access to t | |
| zAxis | No | The Z axis or depth axis for 3D plots. See the Axis class for programmatic access to the axis. | |
| navigator | No | Navigator configuration for data overview pane at bottom of chart | |
| rangeSelector | No | Range selector buttons and date input (1m, 3m, 6m, YTD, 1y, All) | |
| scrollbar | No | Scrollbar configuration | |
| stockTools | No | Stock tools toolbar configuration for technical analysis |