-
Notifications
You must be signed in to change notification settings - Fork 32
How can I add axes labels (titles)?
Dmitry Voytsekhovskiy edited this page Apr 21, 2016
·
1 revision
For example you want to add "X" and "Y" axes
Add additional divs into chart div. Set "idd-horizontalTitle" or "idd-verticalTitle" as a class to choose title direction and set data-idd-placement attribute as "left", "right", "top" or "bottom" to choose axis arrangement
Example:
<div id="chart" data-idd-plot="chart" style="width: 100%; height: 480px;">
<div data-idd-placement="bottom" class="idd-horizontalTitle">X</div>
<div data-idd-placement="left" class="idd-verticalTitle" style="width: 20px">
<div style="position: absolute; top: 50%; margin-top: -0.5em; height: 10em; width: 100px;">
Y
</div>
</div>
</div>
</div>
Home
FAQ
UI Guidelines
Export to SVG
Plot
Figure
Chart
ChartViewer
Polyline
Markers
Area
Heatmap
DOM Plot
Labels
Bing Maps
Intro
General bindings
Area plot
Bars plot
Polyline
Heatmap
Markers
Label plot
Box and whisker plot
Petals and BullEye plot
Axis
Palette Editor
Update layout
Axes
Legend
Color Palette
Navigation
Bound Plots
Tooltips and Probes