Skip to content

Commit 02b8270

Browse files
jacques-lebourgeoislouismaximepiton
jacques-lebourgeois
and
louismaximepiton
authored
feat(docs): add CSS, dark/light mode and popover theme use cases (#542)
* docs: add CSS, dark/light mode and popover theme use cases * Update docs/use_cases/theme.html Co-authored-by: Louis-Maxime Piton <[email protected]> * Update docs/use_cases/theme.html Co-authored-by: Louis-Maxime Piton <[email protected]> * Update docs/use_cases/theme.html Co-authored-by: Louis-Maxime Piton <[email protected]> * Update docs/use_cases/theme.html Co-authored-by: Louis-Maxime Piton <[email protected]> * Update docs/use_cases/theme.html Co-authored-by: Louis-Maxime Piton <[email protected]> * Update docs/use_cases/theme.html Co-authored-by: Louis-Maxime Piton <[email protected]> * fix(ci) --------- Co-authored-by: Louis-Maxime Piton <[email protected]>
1 parent 2f87d08 commit 02b8270

9 files changed

+456
-8
lines changed

‎docs/use_cases/add-unit.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="utf-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1" />
6-
<title>Examples - Specific use cases - Add unit</title>
6+
<title>Add unit - Specific use cases - ODS Charts</title>
77

88
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/orange-helvetica.min.css" rel="stylesheet" integrity="sha384-A0Qk1uKfS1i83/YuU13i2nx5pk79PkIfNFOVzTcjCMPGKIDj9Lqx9lJmV7cdBVQZ" crossorigin="anonymous" />
99
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/boosted.min.css" rel="stylesheet" integrity="sha384-laZ3JUZ5Ln2YqhfBvadDpNyBo7w5qmWaRnnXuRwNhJeTEFuSdGbzl4ZGHAEnTozR" crossorigin="anonymous" />

‎docs/use_cases/index.html

+14-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="utf-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1" />
6-
<title>Examples - Specific use cases</title>
6+
<title>Specific use cases - ODS Charts</title>
77

88
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/orange-helvetica.min.css" rel="stylesheet" integrity="sha384-A0Qk1uKfS1i83/YuU13i2nx5pk79PkIfNFOVzTcjCMPGKIDj9Lqx9lJmV7cdBVQZ" crossorigin="anonymous" />
99
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/boosted.min.css" rel="stylesheet" integrity="sha384-laZ3JUZ5Ln2YqhfBvadDpNyBo7w5qmWaRnnXuRwNhJeTEFuSdGbzl4ZGHAEnTozR" crossorigin="anonymous" />
@@ -162,6 +162,19 @@ <h5 class="card-title">Time slider</h5>
162162
</div>
163163
</div>
164164
</div>
165+
166+
<div class="col-12 col-lg-4 col-md-6 align-self-stretch py-2">
167+
<div class="card h-100">
168+
<div class="card-body">
169+
<h5 class="card-title">Theme</h5>
170+
<p class="card-text">For the moment, ODS Charts supports 3 CSS themes : Boosted 5, Boosted 4 and a minimalist CSS theme embedded in ODS Charts.</p>
171+
<p class="card-text">For popover/tooltip management, it also support both renderer from Boosted 5 or 4 and renderer from Apache Echarts.</p>
172+
</div>
173+
<div class="card-footer">
174+
<a href="./theme.html" class="btn btn-primary mt-3">Go to use case</a>
175+
</div>
176+
</div>
177+
</div>
165178
</div>
166179
</div>
167180

‎docs/use_cases/legends-holders.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="utf-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1" />
6-
<title>Examples - Specific use cases - Specific legend holders</title>
6+
<title>Specific legend holders - Specific use cases - ODS Charts</title>
77

88
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/orange-helvetica.min.css" rel="stylesheet" integrity="sha384-A0Qk1uKfS1i83/YuU13i2nx5pk79PkIfNFOVzTcjCMPGKIDj9Lqx9lJmV7cdBVQZ" crossorigin="anonymous" />
99
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/boosted.min.css" rel="stylesheet" integrity="sha384-laZ3JUZ5Ln2YqhfBvadDpNyBo7w5qmWaRnnXuRwNhJeTEFuSdGbzl4ZGHAEnTozR" crossorigin="anonymous" />

‎docs/use_cases/size-management.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="utf-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1" />
6-
<title>Examples - Specific use cases - Size management</title>
6+
<title>Size management - Specific use cases - ODS Charts</title>
77

88
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/orange-helvetica.min.css" rel="stylesheet" integrity="sha384-A0Qk1uKfS1i83/YuU13i2nx5pk79PkIfNFOVzTcjCMPGKIDj9Lqx9lJmV7cdBVQZ" crossorigin="anonymous" />
99
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/boosted.min.css" rel="stylesheet" integrity="sha384-laZ3JUZ5Ln2YqhfBvadDpNyBo7w5qmWaRnnXuRwNhJeTEFuSdGbzl4ZGHAEnTozR" crossorigin="anonymous" />

‎docs/use_cases/specify-color.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="utf-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1" />
6-
<title>Examples - Specific use cases - Specific series color</title>
6+
<title>Specific series color - Specific use cases - ODS Charts</title>
77

88
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/orange-helvetica.min.css" rel="stylesheet" integrity="sha384-A0Qk1uKfS1i83/YuU13i2nx5pk79PkIfNFOVzTcjCMPGKIDj9Lqx9lJmV7cdBVQZ" crossorigin="anonymous" />
99
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/boosted.min.css" rel="stylesheet" integrity="sha384-laZ3JUZ5Ln2YqhfBvadDpNyBo7w5qmWaRnnXuRwNhJeTEFuSdGbzl4ZGHAEnTozR" crossorigin="anonymous" />

‎docs/use_cases/theme.html

+435
Large diffs are not rendered by default.

‎docs/use_cases/time-slider.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="utf-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1" />
6-
<title>Examples - Specific use cases - Time slider axis</title>
6+
<title>Time slider axis - Specific use cases - ODS Charts</title>
77

88
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/orange-helvetica.min.css" rel="stylesheet" integrity="sha384-A0Qk1uKfS1i83/YuU13i2nx5pk79PkIfNFOVzTcjCMPGKIDj9Lqx9lJmV7cdBVQZ" crossorigin="anonymous" />
99
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/boosted.min.css" rel="stylesheet" integrity="sha384-laZ3JUZ5Ln2YqhfBvadDpNyBo7w5qmWaRnnXuRwNhJeTEFuSdGbzl4ZGHAEnTozR" crossorigin="anonymous" />

‎docs/use_cases/tooltip.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="utf-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1" />
6-
<title>Examples - Specific use cases - Tooltip</title>
6+
<title>Tooltip - Specific use cases - ODS Charts</title>
77

88
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/orange-helvetica.min.css" rel="stylesheet" integrity="sha384-A0Qk1uKfS1i83/YuU13i2nx5pk79PkIfNFOVzTcjCMPGKIDj9Lqx9lJmV7cdBVQZ" crossorigin="anonymous" />
99
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/boosted.min.css" rel="stylesheet" integrity="sha384-laZ3JUZ5Ln2YqhfBvadDpNyBo7w5qmWaRnnXuRwNhJeTEFuSdGbzl4ZGHAEnTozR" crossorigin="anonymous" />

‎docs/use_cases/two-colors-serie.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="utf-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1" />
6-
<title>Examples - Specific use cases - Two colors for one series</title>
6+
<title>Two colors for one series - Specific use cases - ODS Charts</title>
77

88
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/orange-helvetica.min.css" rel="stylesheet" integrity="sha384-A0Qk1uKfS1i83/YuU13i2nx5pk79PkIfNFOVzTcjCMPGKIDj9Lqx9lJmV7cdBVQZ" crossorigin="anonymous" />
99
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/boosted.min.css" rel="stylesheet" integrity="sha384-laZ3JUZ5Ln2YqhfBvadDpNyBo7w5qmWaRnnXuRwNhJeTEFuSdGbzl4ZGHAEnTozR" crossorigin="anonymous" />

0 commit comments

Comments
 (0)