Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Waterfall funnel #1442

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 6 commits into from
Aug 13, 2019
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
---
permalink: javascript/financial-charts/
title: Plotly.js Financial Charts
description: Plotly.js makes interactive, publication-quality graphs online. Examples of how to make financial charts.
name: More Financial Charts
layout: langindex
language: plotly_js
display_as: financial
has_thumbnail: true
thumbnail: thumbnail/mixed.jpg
page_type: example_index
order: 5
---


<header class="--welcome">
<div class="--welcome-body">
<!--div.--wrap-inner-->
<div class="--title">
<div class="--category-img"><img src="https://images.plot.ly/language-icons/api-home/js-logo.png" alt=""></div>
<div class="--body">
<h1>Plotly.js Financial Charts</h1>
<p>{{page.description}}</p>
</div>
</div>
</div>
</header>

{% assign languagelistimg = site.posts | where:"language","plotly_js" | where:"display_as","financial" | where:"has_thumbnail",true | where: "layout","user-guide" | sort: "order" %}
{% include documentation_eg.html %}
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
name: Candlestick Charts
permalink: javascript/candlestick-charts/
description: How to graph D3.js-based candlestick charts in javascript. Examples of candlestick charts.
layout: base
layout: user-guide
thumbnail: thumbnail/candlestick.jpg
language: plotly_js
page_type: example_index
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,9 +6,10 @@
layout: user-guide
thumbnail: thumbnail/funnel.jpg
language: plotly_js
page_type: example_index
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We've got a lot of financial charts on the homepage now so I think we should create an index page like we have for some of the other sections so we only show five thumbnails from this section.

Personally, I'd like to keep candlestick, indicators, waterfalls, and funnels here and move the others to the index page.

has_thumbnail: true
display_as: basic
order: 8.3
display_as: financial
order: 4
---
{% assign examples = site.posts | where:"language","plotly_js" | where:"suite","funnel" | sort: "order" %}
{% include auto_examples.html examples=examples %}
Original file line number Diff line number Diff line change
Expand Up @@ -6,11 +6,10 @@
layout: user-guide
thumbnail: thumbnail/gauge.jpg
language: plotly_js
page_type: example_index
has_thumbnail: true
display_as: financial
order: 4
order: 3
redirect_from: javascript-graphing-library/gauge-charts
---
{% assign examples = site.posts | where:"language","plotly_js" | where:"suite","gauge-charts" | sort: "order" %}
{% include auto_examples.html examples=examples %}
{% include auto_examples.html examples=examples %}
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
page_type: example_index
has_thumbnail: true
display_as: financial
order: 4
order: 2
---
{% assign examples = site.posts | where:"language","plotly_js" | where:"suite","indicator" | sort: "order" %}
{% include auto_examples.html examples=examples %}
3 changes: 1 addition & 2 deletions _posts/plotly_js/financial/ohlc/2015-08-15-ohlc_index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,10 +3,9 @@
name: OHLC Charts
permalink: javascript/ohlc-charts/
description: How to graph D3.js-based OHLC charts in javascript. Examples of OHCL charts.
layout: base
layout: user-guide
thumbnail: thumbnail/ohlc.jpg
language: plotly_js
page_type: example_index
has_thumbnail: true
display_as: financial
order: 2
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,10 +3,9 @@
name: Time Series
permalink: javascript/time-series/
description: How to plot D3.js-based date and time in Plotly.js. An example of a time-series plot.
layout: base
layout: user-guide
thumbnail: thumbnail/time-series.jpg
language: plotly_js
page_type: example_index
has_thumbnail: true
display_as: financial
order: 1
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,9 +6,10 @@
layout: user-guide
thumbnail: thumbnail/waterfall-charts.jpg
language: plotly_js
page_type: example_index
has_thumbnail: true
display_as: basic
order: 6.5
display_as: financial
order: 1
redirect_from: javascript-graphing-library/bar-charts/
---
{% assign examples = site.posts | where:"language","plotly_js" | where:"suite","waterfall" | sort: "order" %}
Expand Down