Using the Highcharts Stock library in WordPress with wpDataTables

HighCharts Stock interactive chartingBasic information about HighCharts Stock.js library and how making charts online can be easy

HighCharts Stock is an open-source and advanced financial charting library that empowers users to generate sophisticated and interactive visualizations for financial data on websites.

wpDataTables seamlessly incorporates support for HighCharts Stock, enabling users to effortlessly transform their tabular data into visually compelling financial charts without the necessity for coding.

The process of creating and embedding these financial charts within a WordPress post or page is comprehensively detailed in the documentation section. In this segment, we will delve into examples of HighCharts Stock supported by the wpDataTables plugin and explore their distinctive features.

Great NEWS! From version 3.0.4 of wpDataTables , the HighCharts library, including HighCharts Stock in our plugin is free for commercial use. If you need to use charts made with wpDataTables on a commercial site, you DON’T NEED to purchase a separate license. Read more about licensing of Highcharts here.

Please note :
The HighCharts Stock Charts are not available on the Basic licence.
They are only included with the Pro and the Developer licence tiers.

HighCharts Stock line chartVisualizing data with plain lines

The line chart is a basic chart where the series are rendered as “plain” lines. Line chart with marker custom size (on left) and Line chart with data labels and custom size of tick amount and shadow (on right).

  • One string or date column supported (will be used for horizontal axis)
  • Other columns should have numerical values.
  • A minimum of 2 columns is required.
  • Possible to create combination chart with multi y axis.

HighCharts Stock spline chartVisualizing data with smooth lines

A spline chart is a line chart in which data points are connected by smooth curves.

  • One string or date column supported (will be used for horizontal axis)
  • Other columns should have numerical values.
  • A minimum of 2 columns is required.
  • Possible to create combination chart with multi y axis.

HighCharts Stock stepline chartVisualizing data with step lines

A step line chart is a line chart in which points are connected by horizontal and vertical line segments.

  • One string or date column supported (will be used for horizontal axis)
  • Other columns should have numerical values.
  • A minimum of 2 columns is required.
  • Possible to create combination chart with multi y axis.

HighCharts Stock line with markers chartVisualizing data with lines with markers

A line chart with markers connects data points using horizontal and vertical line segments, accentuated by markers at each point.

  • One string or date column supported (will be used for horizontal axis)
  • Other columns should have numerical values.
  • A minimum of 2 columns is required.
  • Possible to create combination chart with multi y axis.

HighCharts Stock point markers only chartVisualizing data with point markers only

A  point markers only chart displays data points without connecting lines, allowing for a clear representation of individual values.

  • One string or date column supported (will be used for horizontal axis)
  • Other columns should have numerical values.
  • A minimum of 2 columns is required.
  • Possible to create combination chart with multi y axis.

HighCharts Stock area chartVisualizing data with area

An area chart is a chart type where the area beneath a line connecting data points is filled, visually emphasizing the magnitude of values over time or categories.

  • One string or date column supported (will be used for horizontal axis)
  • Other columns should have numerical values.
  • A minimum of 2 columns is required.
  • Possible to create combination chart with multi y axis.

HighCharts Stock area spline chartVisualizing data with area spline

An area spline chart is a data visualization that combines the characteristics of an area chart and a spline chart, displaying a filled area beneath a smooth curve connecting data points, ideal for showcasing trends in time-series or categorical data.

  • One string or date column supported (will be used for horizontal axis)
  • Other columns should have numerical values.
  • A minimum of 2 columns is required.
  • Possible to create combination chart with multi y axis.

HighCharts Stock area range chartVisualizing data with area range

An area range chart is a visual representation where a filled area is displayed between two lines, typically representing a range of values, making it suitable for illustrating variations or uncertainty in data over time or categories.

  • One string or date column supported (will be used for horizontal axis)
  • Other columns should have numerical values.
  • A minimum of 3 columns is required.

HighCharts Stock area spline range chartVisualizing data with area spline range

An area range spline chart is a hybrid visualization that combines the features of an area range chart and a spline chart, presenting a filled area between two smooth curves, often utilized to depict a range of values with a focus on trend continuity in time-series or categorical data.

  • One string or date column supported (will be used for horizontal axis)
  • Other columns should have numerical values.
  • A minimum of 3 columns is required.

HighCharts Stock column chartVisualizing data with columns

A column chart is a data visualization where each category is represented by a rectangle.

  • One string or date column supported (will be used for horizontal axis)
  • Other columns should have numerical values.
  • A minimum of 2 columns is required.
  • Possible to create combination chart with multi y axis.

HighCharts Stock column range chartVisualizing data with columns range

A column range chart displays data intervals using vertical bars.

  • One string or date column supported (will be used for horizontal axis)
  • Other columns should have numerical values.
  • A minimum of 3 columns is required.

HighCharts Stock candlestick chartVisualizing data with a candlestick

A candlestick chart is a style of financial chart used to represent the price movement of an asset, such as a stock, currency, or commodity.

  • One string or date column supported (will be used for horizontal axis)
  • Other columns should have numerical values.
  • A minimum of 5 columns is required.

HighCharts Stock HLC chartVisualizing data with HLC

An HLC (High-Low-Close) chart represents financial data with vertical lines connecting the high and low values and a horizontal dash for the closing value.

  • One string or date column supported (will be used for horizontal axis)
  • Other columns should have numerical values.
  • A minimum of 5 columns is required.

HighCharts Stock OHLC chartVisualizing data with OHLC

An OHLC (Open-High-Low-Close) chart is a financial visualization in which each category is represented by a vertical line, indicating the price range between the day’s open and close, with horizontal lines denoting the highest and lowest prices.

  • One string or date column supported (will be used for horizontal axis)
  • Other columns should have numerical values.
  • A minimum of 5 columns is required.