Stockdio

Stockdio Historical Chart contains a plugin and a widget that provide the means to display a live chart with intraday and historical prices and information for stock, index, currencies or commodities. Over 65 different stock exchanges and a large number of market indices, currencies and commodities are supported.
If you’re using the standard Gutenberg editor, the easiest way to include this plugin on your page is using the Historical Chart block, which is included in the Stockdio Financial Visualizations category.
If you’re using a different editor o prefer to use the shortcode, below is a sample to help you start. Please be aware that most of the parameters listed below are optional, and are also available through the plugin’s settings page. Any parameter you include in the shortcode will overwrite the parameter used in the settings page.
<pre><code>[stockdio-historical-chart symbol="AAPL" stockExchange="USA" width="580" height="380" motif="financial" palette="financial-light"]
</code></pre>
This plugin is part of the Stockdio Financial Widgets, which also includes the following plugins:
<ul>
<li><a href="https://wordpress.org/plugins/stock-quotes-list/" rel="ugc">Stock Quotes List</a>.</li>
<li><a href="https://wordpress.org/plugins/stock-market-overview/" rel="ugc">Stock Market Overview</a>.</li>
<li><a href="https://wordpress.org/plugins/stock-market-news/" rel="ugc">Stock Market News</a>.</li>
<li><a href="https://wordpress.org/plugins/stock-market-ticker/" rel="ugc">Stock Market Ticker</a>.</li>
<li><a href="https://wordpress.org/plugins/economic-market-news/" rel="ugc">Economic & Market News</a>.</li>
</ul>
The following parameters are supported in the shortcode and also available through the plugin’s settings page:
stockExchange: The exchange market the symbol is a member of (optional). If not specified, USA Equities will be used by default. For a list of available exchanges please visit www.stockdio.com/exchanges.
symbol: The company’s stock symbol (ex. AAPL), market index ticker (ex. ^SPX), currency pair (ex. EUR/USD) or commodity ticker (ex. GC). For a list of available market indices please visit www.stockdio.com/indices. For available currencies please visit www.stockdio.com/currencies and for available commodities, please go to www.stockdio.com/commodities.
compare: Specify a list of valid stock symbols or market indices against which to compare the base symbol, separated by semicolon (ex. MSFT;GOOG;^SPX;^IXIC). Not case sensitive (optional).
height: Height of the chart in either px or % (default: 320px).
width: Width of the chart in either px or % ( default: 100%).
displayPrices: Allows to specify how to display the prices on the chart, using one of the following options (default: Line):
<ul>
<li>Line</li>
<li>Candlestick</li>
<li>Area</li>
<li>OHLC</li>
<li>HLC</li>
</ul>
includeVolume: Allows to display or hide the volume on the chart. By default, volume is visible. Use includeVolume=false to hide it (optional).
performance: If enabled (true), price performance (percent change) will be displayed, instead of actual price.
culture: Allows to specify a combination of language and country settings, used to display texts and to format numbers and dates (e.g. Spanish-Spain). For a list of available culture combinations please visit http://www.stockdio.com/cultures.
intraday: If enabled (true), intraday delayed data will be used if available for the exchange and number of days is between 1 and 5. For a list of exchanges with intraday data available, please visit www.stockdio.com/exchanges.
days: Allows to specify the number of days for the period to display. Used only if the start and/or the end date are not specified. If not specified, its default value is 365 days. If intraday data is available for the stock exchange and the exchange is currently open, the default number of days is 1.
allowPeriodChange: If enabled (true), it provides a UI to allow the end user to select the period for the data to be displayed. This UI is only available if the from and to parameters have not been specified. This UI is enabled by default.
from: From date. If not specified, the “from” date will be the “to” date minus the number of days specified in the days parameter.
to: To date. If not specified, the “to” date will be today’s date.
motif: Design used to display the visualization with specific aesthetics, including borders and styles, among other elements. (optional). For a list of available motifs please visit www.stockdio.com/motifs.
palette: Includes a set of consistent colors used for the visualization. (optional). For a list of available palettes please visit www.stockdio.com/palettes.
font: Allows to specify the font that will be used to render the chart. Multiple fonts may be specified separated by comma, e.g. Lato,Helvetica,Arial.
loadDataWhenVisible: Allows to fetch the data and display the visualization only when it becomes visible on the page, in order to avoid using calls (requests) when they are not needed. This is particularly useful when the visualization is not visible on the page by default, but it becomes visible as result of a user interaction (e.g. clicking on an element, etc.). It is also useful when using the same visualization multiple times on a page for different devices (e.g. using one instance of the plugin for mobile and another one for desktop). We recommend not using this by default but only on scenarios as those described above, as it may provide the end user with a small delay to display the visualization (optional).

Stockdio Historical Chart

WordPress plugin and widget for displaying stock market live charts and technical indicators.

jikaio

<h3>Jika.io Stock Market Widgets</h3>
The Jika.io Stock Market Widgets WordPress plugin enables seamless integration of stock widgets from Jika.io into your WordPress site using Gutenberg blocks, Elementor widgets, and shortcodes.
With the Jika.io Stock Market Widgets plugin, enhancing your WordPress website with dynamic stock information has never been easier. If you need any help or have questions, feel free to <a href="https://www.jika.io/contact" rel="nofollow ugc">reach out for support</a>.
<h3>Available Widgets</h3>
<h3>1. Real Time Stock Price Chart</h3>
With our stock ticker widget, you can easily display real-time stock prices and updates on your website or blog. Simply choose the stock you want to track and customize the widget to match your content.
Options:
symbol (default=”AAPL”): The symbol of the stock.
selection (default=”one_year”): Time period for the data.
<ul>
<li>“one_month”</li>
<li>“three_month”</li>
<li>“six_month”</li>
<li>“ytd”</li>
<li>“one_year”</li>
<li>“three_year”</li>
<li>“five_year”</li>
<li>“all”</li>
</ul>
close_key (default=”close”): Key for close price data.
<ul>
<li>“close”</li>
<li>“adjClose”</li>
</ul>
symbol_logo (URL, optional): URL of the stock symbol logo.
graph_color (default=#1652F0): Color of the graph.
background_color (default=#FFFFFF): Background color of the widget.
font-family (default=”Nunito”): Font family for the widget text.
<h3>2. Advanced Stock Comparison Graph</h3>
Our stock comparison charts allow you to compare any metric for multiple stocks side by side. With our easy-to-use chart builder, you can select the stocks and metrics you want to compare. Whether you’re comparing stocks from the same industry or across different sectors, our charts provide a comprehensive view of stock performance.
Options:
symbols (default=”AAPL,AMZN”): Comma-separated list of stock symbols.
keys (default=”Market Cap,Net Income”): Comma-separated list of financial metrics to display.
reporting_period (default=”quarter”): Reporting period for the financial metrics.
<ul>
<li>“quarter”</li>
<li>“annual”.</li>
</ul>
from (default=current year): Start year for the financial data.
to (default=current year – 5): End year for the financial data.
text_color (default=”#161C2D”): Color of the text.
background_color (default=”#FFFFFF”): Background color of the widget.
font-family (default=”Nunito”): Font family for the widget text.
<h3>3. Stock Prediction and Forecast Widget</h3>
Our stock predictions and forecasts widget is using the most updated analysts rating data to provide predictions for stock prices. By embedding our widgets on your site, you can provide your audience with valuable insights into the stock market and help them make informed investment decisions.
Options:
symbol (default=”AAPL”): The symbol of the stock.
graph_color (default=#1652F0): Color of the graph.
background_color (default=”#FFFFFF”): Background color of the widget.
<h3>4. Stock Portfolio Performance Chart</h3>
With our stock portfolio widgets, you can easily share and embed your investment portfolio on your website, substack, notion dashboard or blog. Our widgets update in real-time, so your audience can see the latest changes to your portfolio as they happen. You will first need an account in Jika.io with a connected portfolio in order to use this widget.
Options:
user_name (default=”Noah Sebastian”): Your Jika.io username.
background_color (default=”#FFFFFF”): Background color of the widget.
<h3>5. Company Financial Metrics Table</h3>
Our balance sheet widgets allow you to embed the financial data of a company onto your website or blog. This data includes key financial metrics such as assets, liabilities, and shareholder equity, providing your audience with valuable insights into a company’s financial health.
Options:
symbols (default=”AAPL,AMZN”): Comma-separated list of stock symbols.
keys (default=”Market Cap,Net Income”): Comma-separated list of financial metrics to display.
reporting_period (default=”quarter”): Reporting period for the financial metrics.
<ul>
<li>“quarter”</li>
<li>“annual”.</li>
</ul>
from (default=current year): Start year for the financial data.
to (default=current year – 5): End year for the financial data.
sort_method (default=”years”): Sorting method for the table.
<ul>
<li>“years”</li>
<li>“companies”</li>
</ul>
text_color (default=”#161C2D”): Color of the text.
background_color (default=”#FFFFFF”): Background color of the widget.
font-family (default=”Nunito”): Font family for the widget text.
<h3>Shortcode Examples</h3>
To embed these stock widgets using shortcodes, use the shortcode <code>jika_stock_widget</code> followed by the appropriate type and options.
<h4>Real Time Stock Price Chart</h4>
<pre><code>[jika_stock_widget type="real-time-stock-price-chart" symbol="AAPL" selection="one_year" close_key="close" symbol_logo="https://example.com/aapl_logo.png" graph_color="#ff0000" background_color="#ffffff" font_family="Arial"]
</code></pre>
<h4>Advanced Stock Comparison Graph</h4>
<pre><code>[jika_stock_widget type="advanced-stock-comparison-graph" symbols="AAPL,AMZN" keys="Market Cap,Net Income" reporting_period="quarter" from="2020" to="2022" text_color="#000000" background_color="#ffffff" font_family="Arial"]
</code></pre>
<h4>Stock Prediction and Forecast Widget</h4>
<pre><code>[jika_stock_widget type="stock-prediction-and-forecast" symbol="AAPL" graph_color="#ff0000" background_color="#ffffff"]
</code></pre>
<h4>Stock Portfolio Performance Chart</h4>
<pre><code>[jika_stock_widget type="stock-portfolio-performance-chart" user_name="your_username" background_color="#ffffff"]
</code></pre>
<h4>Company Financial Metrics Table</h4>
<pre><code>[jika_stock_widget type="company-financial-metrics-table" symbols="AAPL,AMZN" keys="Market Cap,Net Income" reporting_period="quarter" from="2020" to="2022" sort_method="years" text_color="#000000" background_color="#ffffff" font_family="Arial"]
</code></pre>
<h3>Contributors & Developers</h3>
Welcome, developers! This section provides a quick guide to get started with our project.
<h3>Setting Up Environment Variables</h3>
To begin working on our project, follow these simple steps:
<ol>
<li>
Create a new file named <code>.env</code> in the root directory of the project.
</li>
<li>
Add the following content to the <code>.env</code> file:
ENV=development
</li>
<li>
Save the <code>.env</code> file.
</li>
</ol>
That’s it!
You’ve successfully configured the development environment, and the plugin is now operating in sandbox mode, simplifying the development process.
Other Notes
<ul>
<li>
Sandbox users will remain cached for one hour after their most recent activity.
</li>
<li>
Domains using 127.0.0.1 | localhost might face unexpected iframe usage issues due to conflicts.
</li>
</ul>
<h3>3rd Party and external services</h3>
This plugin relies on external services to enhance its functionality and provide users with an optimal experience. We are committed to transparency regarding the integration of these services within our plugin. Below are the details of the external services utilized:
<h3>1. jika.io API:</h3>
<ul>
<li>Description: Our plugin integrates with our API to manage user data efficiently and securely. This API facilitates various functionalities within the plugin, including login / signup / usage control.</li>
<li>Service URL: <a href="https://www.jika.io/" rel="nofollow ugc">jika.io API</a></li>
<li>Terms of Use: Please refer to the jika.io API’s <a href="https://www.jika.io/termsofuse" rel="nofollow ugc">Terms of Use</a>.</li>
<li>Privacy Policy: For information regarding data handling and privacy practices, please review the <a href="https://www.jika.io/privacypolicy" rel="nofollow ugc">Privacy Policy</a> of jika.io.</li>
</ul>
<h3>2. PayPal JavaScript SDK:</h3>
<ul>
<li>Description: To enable seamless payment processing, our plugin utilizes the PayPal JavaScript SDK. This SDK allows us to securely collect payments from users through PayPal.</li>
<li>Service URL: <a href="https://developer.paypal.com/docs/business/javascript-sdk/" rel="nofollow ugc">PayPal JavaScript SDK</a></li>
<li>Terms of Use: Please review PayPal’s <a href="https://www.paypal.com/us/webapps/mpp/ua/useragreement-full" rel="nofollow ugc">Terms of Use</a>.</li>
<li>Privacy Policy: For information regarding data handling and privacy practices, please review PayPal’s <a href="https://www.paypal.com/us/webapps/mpp/ua/privacy-full" rel="nofollow ugc">Privacy Policy</a>.</li>
</ul>
We prioritize user trust and data protection. Therefore, we have provided comprehensive documentation to ensure transparency regarding the use of external services. Users can review the terms of use and privacy policies associated with these services to make informed decisions about their data.
For any further inquiries or concerns regarding external service dependencies, please contact our support team at <a href="mailto:info@jika.io" rel="nofollow ugc">info@jika.io</a>.
<h3>Reference</h3>
<h3>Font Family</h3>
<ul>
<li><code>Nunito</code></li>
<li><code>Arial</code></li>
<li><code>Helvetica</code></li>
<li><code>Times New Roman</code></li>
<li><code>Times</code></li>
<li><code>Courier New</code></li>
<li><code>Courier</code></li>
<li><code>Verdana</code></li>
<li><code>Roboto</code></li>
<li><code>Open Sans</code></li>
<li><code>Lato</code></li>
<li><code>Montserrat</code></li>
<li><code>Poppins</code></li>
</ul>
<h3>Financial keys</h3>
<h4>Key Metrics</h4>
<ul>
<li><code>Revenue Per Share</code></li>
<li><code>Net Income Per Share</code></li>
<li><code>Operating Cash-Flow Per Share</code></li>
<li><code>Free Cash-Flow Per Share</code></li>
<li><code>Cash Per Share</code></li>
<li><code>Book Value Per Share</code></li>
<li><code>Tangible Book Value Per Share</code></li>
<li><code>Shareholders Equity Per Share</code></li>
<li><code>Interest Debt Per Share</code></li>
<li><code>Earnings Yield</code></li>
<li><code>Free Cash-Flow Yield</code></li>
<li><code>Days Of Sales Outstanding</code></li>
<li><code>Days Of Payables Outstanding</code></li>
<li><code>Days Of Inventory On Hand</code></li>
<li><code>Capex Per Share</code></li>
<li><code>Market Cap</code></li>
</ul>
<h4>Income Statement</h4>
<ul>
<li><code>Revenue</code></li>
<li><code>Cost of Revenue</code></li>
<li><code>Gross Profit</code></li>
<li><code>Operating Expenses</code></li>
<li><code>Research And Development Expenses</code></li>
<li><code>SG&A Expenses</code></li>
<li><code>Selling And Marketing Expenses</code></li>
<li><code>Other Operating Income Or Expenses</code></li>
<li><code>Interest Expense</code></li>
<li><code>Depreciation And Amortization</code></li>
<li><code>EBITDA</code></li>
<li><code>Operating Income</code></li>
<li><code>Total Non-Operating Income or Expense</code></li>
<li><code>Pre-Tax Income</code></li>
<li><code>Income Taxes</code></li>
<li><code>Net Income</code></li>
<li><code>EPS - Earnings Per Share</code></li>
<li><code>EPS Diluted</code></li>
<li><code>Weighted Average Shares vs. Shares Outstanding</code></li>
<li><code>Weighted Average Shares vs. Shares Outstanding Diluted</code></li>
</ul>
<h4>Balance Sheet</h4>
<ul>
<li><code>Cash And Cash Equivalents</code></li>
<li><code>Short Term Investments</code></li>
<li><code>Receivables</code></li>
<li><code>Inventory</code></li>
<li><code>Other Current Assets</code></li>
<li><code>Total Current Assets</code></li>
<li><code>Property, Plant And Equipment</code></li>
<li><code>Goodwill And Intangible Assets</code></li>
<li><code>Long-Term investments</code></li>
<li><code>Tax Assets</code></li>
<li><code>Other Non-Current Assets</code></li>
<li><code>Total Non-Current Assets</code></li>
<li><code>Other Assets</code></li>
<li><code>Total Assets</code></li>
<li><code>Account Payables</code></li>
<li><code>Short Term Debt</code></li>
<li><code>Tax Payables</code></li>
<li><code>Deferred Revenue</code></li>
<li><code>Other Current Liabilities</code></li>
<li><code>Total Current Liabilities</code></li>
<li><code>Long Term Debt</code></li>
<li><code>Deferred Revenue Non Current</code></li>
<li><code>Deferred Tax Liabilities Non Current</code></li>
<li><code>Other Non-Current Liabilities</code></li>
<li><code>Total Long Term Liabilities</code></li>
<li><code>Other Liabilities</code></li>
<li><code>Total Liabilities</code></li>
<li><code>Common Stock Net</code></li>
<li><code>Retained Earnings (Accumulated Deficit)</code></li>
<li><code>Comprehensive Income</code></li>
<li><code>Other Share Holders Equity</code></li>
<li><code>Share Holder Equity</code></li>
<li><code>Total Liabilities and Share Holders Equity</code></li>
<li><code>Total Investments</code></li>
<li><code>Total Debt</code></li>
<li><code>Net Debt</code></li>
</ul>
<h4>Ratios</h4>
<ul>
<li><code>Current Ratio</code></li>
<li><code>Quick Ratio</code></li>
<li><code>Cash Ratio</code></li>
<li><code>Gross Profit Margin</code></li>
<li><code>Operating Profit Margin</code></li>
<li><code>Pre-Tax Profit Margin</code></li>
<li><code>Net Profit Margin</code></li>
<li><code>Effective Tax Rate</code></li>
<li><code>Return On Assets</code></li>
<li><code>Return On Equity</code></li>
<li><code>Return On Capital Employed</code></li>
<li><code>Debt Ratio</code></li>
<li><code>Debt To Equity Ratio</code></li>
<li><code>Long-Term Debt To Capitalization</code></li>
<li><code>Total Debt To Capitalization</code></li>
<li><code>Interest Coverage</code></li>
<li><code>Cash-Flow To Debt Ratio</code></li>
<li><code>Receivables Turnover</code></li>
<li><code>Payables Turnover</code></li>
<li><code>Inventory Turnover</code></li>
<li><code>Fixed Asset Turnover</code></li>
<li><code>Asset Turnover</code></li>
<li><code>Payout Ratio</code></li>
<li><code>Operating Cash-Flow To Sales Ratio</code></li>
<li><code>Free Cash-Flow To Operating Cash-Flow Ratio</code></li>
<li><code>Cash-Flow Coverage Ratios</code></li>
<li><code>Short-Term Coverage Ratios</code></li>
<li><code>Capital Expenditure Coverage Ratio</code></li>
<li><code>Dividend Paid And Capex Coverage Ratio</code></li>
<li><code>Dividend Payout Ratio</code></li>
<li><code>Price To Book Ratio</code></li>
<li><code>Price To Sales Ratio</code></li>
<li><code>PE Ratio</code></li>
<li><code>Price To Free Cash-Flows Ratio</code></li>
<li><code>Price To Cash-Flow Ratio</code></li>
<li><code>PEG Ratio</code></li>
</ul>
<h4>Financial Growth</h4>
<ul>
<li><code>Revenue Growth</code></li>
<li><code>Gross Profit Growth</code></li>
<li><code>EBIT Growth</code></li>
<li><code>Operating Income Growth</code></li>
<li><code>Net Income Growth</code></li>
<li><code>EPS Growth</code></li>
<li><code>EPS Diluted Growth</code></li>
<li><code>Weighted Average Shares Growth</code></li>
<li><code>Weighted Average Shares Diluted Growth</code></li>
<li><code>Dividends Per Share Growth</code></li>
<li><code>Operating Cash-Flow Growth</code></li>
<li><code>Free Cash-Flow Growth</code></li>
<li><code>10-Year Revenue Growth Per Share</code></li>
<li><code>5-Year Revenue Growth Per Share</code></li>
<li><code>3-Year Revenue Growth Per Share</code></li>
<li><code>10-Year Operating Cash-Flow Growth Per Share</code></li>
<li><code>5-Year Operating Cash-Flow Growth Per Share</code></li>
<li><code>3-Year Operating Cash-Flow Growth Per Share</code></li>
<li><code>10-Year Net Income Growth Per Share</code></li>
<li><code>5-Year Net Income Growth Per Share</code></li>
<li><code>3-Year Net Income Growth Per Share</code></li>
<li><code>10-Year Shareholders Equity Growth Per Share</code></li>
<li><code>5-Year Shareholders Equity Growth Per Share</code></li>
<li><code>3-Year Shareholders Equity Growth Per Share</code></li>
<li><code>10-Year Dividend Growth Per Share</code></li>
<li><code>5-Year Dividend Growth Per Share</code></li>
<li><code>3-Year Dividend Growth Per Share</code></li>
<li><code>Receivables Growth</code></li>
<li><code>Inventory Growth</code></li>
<li><code>Asset Growth</code></li>
<li><code>Book Value Per Share Growth</code></li>
<li><code>Debt Growth</code></li>
<li><code>R&D Expense Growth</code></li>
<li><code>SG&A Expenses Growth</code></li>
</ul>
<h4>Cash Flow Statement</h4>
<ul>
<li><code>Net Income or Loss</code></li>
<li><code>Depreciation And Amortization</code></li>
<li><code>Deferred Income Tax</code></li>
<li><code>Stock-Based Compensation</code></li>
<li><code>Change In Working Capital</code></li>
<li><code>Other Non-Cash Items</code></li>
<li><code>Change In Accounts Receivable</code></li>
<li><code>Change In Inventories</code></li>
<li><code>Change In Accounts Payable</code></li>
<li><code>Other Working Capital</code></li>
<li><code>Cash Flow From Operating Activities</code></li>
<li><code>Net Change In Property, Plant And Equipment</code></li>
<li><code>Net Acquisitions or Divestitures</code></li>
<li><code>Purchase Of Investments</code></li>
<li><code>Sales or Maturities Of Investments</code></li>
<li><code>Investing Activities - Other</code></li>
<li><code>Cash Flow From Investing Activities</code></li>
<li><code>Debt Repayment</code></li>
<li><code>Net Common Equity Issued</code></li>
<li><code>Net Common Equity Repurchased</code></li>
<li><code>Total Common And Preferred Stock Dividends Paid</code></li>
<li><code>Financial Activities - Other</code></li>
<li><code>Cash Flow From Financial Activities</code></li>
<li><code>Effect Of Forex Changes On Cash</code></li>
<li><code>Net Cash Flow</code></li>
<li><code>Cash At Beginning Of Period</code></li>
<li><code>Cash At End Of Period</code></li>
<li><code>Operating Cash Flow</code></li>
<li><code>Capital Expenditure</code></li>
<li><code>Free Cash Flow</code></li>
</ul>

Jika.io Stock Market Widgets

Stock Market Widgets for WordPress By Jika.io

Stockdio Historical Chart vs Jika.io Stock Market Widgets