Skip to content

Commit a8e6664

Browse files
authored
Wrapper: link to mixed charts (ChartsCSS#43)
* Wrapper: link to mixed charts * Update HTML
1 parent 116e884 commit a8e6664

File tree

1 file changed

+5
-13
lines changed

1 file changed

+5
-13
lines changed

src/components/wrapper.md

Lines changed: 5 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -111,23 +111,15 @@ Add your own elements to the chart and style them accordingly.
111111
```html
112112
<div id="my-chart">
113113

114-
<table class="charts-css bar|column|area|line">
115-
...
116-
</table>
114+
<table class="charts-css bar|column|area|line"> ... </table>
117115

118-
<ul class="charts-css legend">
119-
...
120-
</ul>
116+
<ul class="charts-css legend"> ... </ul>
121117

122-
<div class="my-chart-element">
123-
...
124-
</div>
118+
<div class="first-custom-element"> ... </div>
125119

126-
<div class="another-custom-element">
127-
...
128-
</div>
120+
<div class="second-custom-element"> ... </div>
129121

130122
</div>
131123
```
132124

133-
For a concrete example, see how easy it is to add [axes titles](./axes/#axis-title) with custom HTML elements and some CSS magic.
125+
For a concrete example, you can incorporate [axes titles](./axes/#axis-title) by utilizing custom HTML elements combined with CSS wizardry. More intricate scenarios could involve [blending multiple charts](./../charts/mixed/) in a single wrapper, positioning them one on top of the other using CSS.

0 commit comments

Comments
 (0)