|
|
|
@ -11,34 +11,34 @@
|
|
|
|
|
<div class="row"> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Line Chart</h3> |
|
|
|
|
<a href="./samples/simple.html" target="_blank"> |
|
|
|
|
<a href="./samples/simple.html"> |
|
|
|
|
Line chart with ordinary data |
|
|
|
|
</a> |
|
|
|
|
<a href="./samples/chart_spline.html" target="_blank"> |
|
|
|
|
<a href="./samples/chart_spline.html"> |
|
|
|
|
Spline chart with ordinary data |
|
|
|
|
</a> |
|
|
|
|
<a href="./samples/chart_step.html" target="_blank"> |
|
|
|
|
<a href="./samples/chart_step.html"> |
|
|
|
|
Step chart with ordinary data |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Area Chart</h3> |
|
|
|
|
<a href="./samples/chart_area.html" target="_blank"> |
|
|
|
|
<a href="./samples/chart_area.html"> |
|
|
|
|
Area chart with ordinary data |
|
|
|
|
</a> |
|
|
|
|
<a class="btn btn-danger" href="./samples/chart_area_spline.html" target="_blank"> |
|
|
|
|
<a class="btn btn-danger" href="./samples/chart_area_spline.html"> |
|
|
|
|
Area-spline chart with ordinary data |
|
|
|
|
</a> |
|
|
|
|
<a class="btn btn-danger" href="./samples/chart_area_step.html" target="_blank"> |
|
|
|
|
<a class="btn btn-danger" href="./samples/chart_area_step.html"> |
|
|
|
|
Area-step chart with ordinary data |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Bar Chart</h3> |
|
|
|
|
<a href="./samples/chart_bar.html" target="_blank"> |
|
|
|
|
<a href="./samples/chart_bar.html"> |
|
|
|
|
Bar chart with ordinary data |
|
|
|
|
</a> |
|
|
|
|
<a href="./samples/chart_bar_stacked.html" target="_blank"> |
|
|
|
|
<a href="./samples/chart_bar_stacked.html"> |
|
|
|
|
Stacked Bar chart with ordinary data |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
@ -46,19 +46,19 @@
|
|
|
|
|
<div class="row"> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Pie Chart</h3> |
|
|
|
|
<a href="./samples/chart_pie.html" target="_blank"> |
|
|
|
|
<a href="./samples/chart_pie.html"> |
|
|
|
|
Pie chart with ordinary data |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Donut Chart</h3> |
|
|
|
|
<a href="./samples/chart_donut.html" target="_blank"> |
|
|
|
|
<a href="./samples/chart_donut.html"> |
|
|
|
|
Donut chart with ordinary data |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Gauge Chart</h3> |
|
|
|
|
<a href="./samples/chart_gauge.html" target="_blank"> |
|
|
|
|
<a href="./samples/chart_gauge.html"> |
|
|
|
|
Gauge chart with ordinary data |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
@ -66,13 +66,13 @@
|
|
|
|
|
<div class="row"> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Scatter Chart</h3> |
|
|
|
|
<a href="./samples/chart_scatter.html" target="_blank"> |
|
|
|
|
<a href="./samples/chart_scatter.html"> |
|
|
|
|
Pie chart with ordinary data |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Combination Chart</h3> |
|
|
|
|
<a href="./samples/chart_combination.html" target="_blank"> |
|
|
|
|
<a href="./samples/chart_combination.html"> |
|
|
|
|
Combination chart with ordinary data |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
@ -86,31 +86,31 @@
|
|
|
|
|
<div class="row"> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Timeseries Axis</h3> |
|
|
|
|
<a href="./samples/timeseries.html" target="_blank"> |
|
|
|
|
<a href="./samples/timeseries.html"> |
|
|
|
|
Line chart with timeseries data |
|
|
|
|
</a> |
|
|
|
|
<a href="./samples/timeseries_descendent.html" target="_blank"> |
|
|
|
|
<a href="./samples/timeseries_descendent.html"> |
|
|
|
|
Line chart with descendent timeseries data |
|
|
|
|
</a> |
|
|
|
|
<a href="./samples/timeseries_raw.html" target="_blank"> |
|
|
|
|
<a href="./samples/timeseries_raw.html"> |
|
|
|
|
Line chart with timeseries data as Number |
|
|
|
|
</a> |
|
|
|
|
<a href="./samples/timeseries_date.html" target="_blank"> |
|
|
|
|
<a href="./samples/timeseries_date.html"> |
|
|
|
|
Line chart with timeseries data as Date object |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Category Axis</h3> |
|
|
|
|
<a href="./samples/categorized.html" target="_blank"> |
|
|
|
|
<a href="./samples/categorized.html"> |
|
|
|
|
Chart with category axis |
|
|
|
|
</a> |
|
|
|
|
<a href="./samples/custom_x_categorized.html" target="_blank"> |
|
|
|
|
<a href="./samples/custom_x_categorized.html"> |
|
|
|
|
Chart with category data on category axis |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Additional Axis</h3> |
|
|
|
|
<a href="./samples/axes_y2.html" target="_blank"> |
|
|
|
|
<a href="./samples/axes_y2.html"> |
|
|
|
|
Add y2 axis |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
@ -118,28 +118,28 @@
|
|
|
|
|
<div class="row"> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Axis Range</h3> |
|
|
|
|
<a href="./samples/axes_range.html" target="_blank"> |
|
|
|
|
<a href="./samples/axes_range.html"> |
|
|
|
|
Set range of axis |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Axis Padding</h3> |
|
|
|
|
<a href="./samples/axes_padding.html" target="_blank"> |
|
|
|
|
<a href="./samples/axes_padding.html"> |
|
|
|
|
Set padding of axis |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>X Axis Tick</h3> |
|
|
|
|
<a href="./samples/axes_x_tick_culling.html" target="_blank"> |
|
|
|
|
<a href="./samples/axes_x_tick_culling.html"> |
|
|
|
|
Set culling for x axis |
|
|
|
|
</a> |
|
|
|
|
<a href="./samples/axes_x_tick_fit.html" target="_blank"> |
|
|
|
|
<a href="./samples/axes_x_tick_fit.html"> |
|
|
|
|
Set fitting for x axis |
|
|
|
|
</a> |
|
|
|
|
<a href="./samples/axes_x_tick_rotate.html" target="_blank"> |
|
|
|
|
<a href="./samples/axes_x_tick_rotate.html"> |
|
|
|
|
Set rotation for x axis |
|
|
|
|
</a> |
|
|
|
|
<a href="./samples/axes_x_range_timeseries.html" target="_blank"> |
|
|
|
|
<a href="./samples/axes_x_range_timeseries.html"> |
|
|
|
|
Set range in timeseries for x axis |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
@ -147,7 +147,7 @@
|
|
|
|
|
<div class="row"> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Y Domain</h3> |
|
|
|
|
<a href="./samples/domain_y.html" target="_blank"> |
|
|
|
|
<a href="./samples/domain_y.html"> |
|
|
|
|
Update y domain automatically |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
@ -161,37 +161,37 @@
|
|
|
|
|
<div class="row"> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Input Data</h3> |
|
|
|
|
<a href="./samples/data_columned.html" target="_blank"> |
|
|
|
|
<a href="./samples/data_columned.html"> |
|
|
|
|
Columned data |
|
|
|
|
</a> |
|
|
|
|
<a href="./samples/data_rowed.html" target="_blank"> |
|
|
|
|
<a href="./samples/data_rowed.html"> |
|
|
|
|
Rowed data |
|
|
|
|
</a> |
|
|
|
|
<a href="./samples/data_json.html" target="_blank"> |
|
|
|
|
<a href="./samples/data_json.html"> |
|
|
|
|
JSON data |
|
|
|
|
</a> |
|
|
|
|
<a href="./samples/data_url.html" target="_blank"> |
|
|
|
|
<a href="./samples/data_url.html"> |
|
|
|
|
Data from URL |
|
|
|
|
</a> |
|
|
|
|
<a href="./samples/data_hide.html" target="_blank"> |
|
|
|
|
<a href="./samples/data_hide.html"> |
|
|
|
|
Hide data when init |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Load Data</h3> |
|
|
|
|
<a href="./samples/data_load.html" target="_blank"> |
|
|
|
|
<a href="./samples/data_load.html"> |
|
|
|
|
Load ordinary data |
|
|
|
|
</a> |
|
|
|
|
<a href="./samples/data_load_timeseries.html" target="_blank"> |
|
|
|
|
<a href="./samples/data_load_timeseries.html"> |
|
|
|
|
Load timeseries data |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Custom X</h3> |
|
|
|
|
<a href="./samples/custom_x_scale.html" target="_blank"> |
|
|
|
|
<a href="./samples/custom_x_scale.html"> |
|
|
|
|
Custom x for all data |
|
|
|
|
</a> |
|
|
|
|
<a href="./samples/custom_xs_scale.html" target="_blank"> |
|
|
|
|
<a href="./samples/custom_xs_scale.html"> |
|
|
|
|
Custom x for each data |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
@ -199,19 +199,19 @@
|
|
|
|
|
<div class="row"> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Data Label</h3> |
|
|
|
|
<a href="./samples/data_label.html" target="_blank"> |
|
|
|
|
<a href="./samples/data_label.html"> |
|
|
|
|
Show label on data |
|
|
|
|
</a> |
|
|
|
|
<a href="./samples/data_label_format.html" target="_blank"> |
|
|
|
|
<a href="./samples/data_label_format.html"> |
|
|
|
|
Show label on data with format |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Data Region</h3> |
|
|
|
|
<a href="./samples/data_region.html" target="_blank"> |
|
|
|
|
<a href="./samples/data_region.html"> |
|
|
|
|
Set region of data |
|
|
|
|
</a> |
|
|
|
|
<a href="./samples/data_region_timeseries.html" target="_blank"> |
|
|
|
|
<a href="./samples/data_region_timeseries.html"> |
|
|
|
|
Set region of timeseries data |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
@ -225,28 +225,28 @@
|
|
|
|
|
<div class="row"> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Grid</h3> |
|
|
|
|
<a href="./samples/grids.html" target="_blank"> |
|
|
|
|
<a href="./samples/grids.html"> |
|
|
|
|
Show x/y grids |
|
|
|
|
</a> |
|
|
|
|
<a href="./samples/grids_timeseries.html" target="_blank"> |
|
|
|
|
<a href="./samples/grids_timeseries.html"> |
|
|
|
|
Show x/y grids with timeseries |
|
|
|
|
</a> |
|
|
|
|
<a href="./samples/grid_x_lines.html" target="_blank"> |
|
|
|
|
<a href="./samples/grid_x_lines.html"> |
|
|
|
|
Show optional x grids |
|
|
|
|
</a> |
|
|
|
|
<a href="./samples/grid_x_lines_timeseries.html" target="_blank"> |
|
|
|
|
<a href="./samples/grid_x_lines_timeseries.html"> |
|
|
|
|
Show optional x grids with timeseries |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Region</h3> |
|
|
|
|
<a href="./samples/region.html" target="_blank"> |
|
|
|
|
<a href="./samples/region.html"> |
|
|
|
|
Show regions |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Legend</h3> |
|
|
|
|
<a href="./samples/legend.html" target="_blank"> |
|
|
|
|
<a href="./samples/legend.html"> |
|
|
|
|
Show legend |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
@ -254,10 +254,10 @@
|
|
|
|
|
<div class="row"> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Tooltip</h3> |
|
|
|
|
<a href="./samples/tooltip_show.html" target="_blank"> |
|
|
|
|
<a href="./samples/tooltip_show.html"> |
|
|
|
|
Show tooltip |
|
|
|
|
</a> |
|
|
|
|
<a href="./samples/tooltip_grouped.html" target="_blank"> |
|
|
|
|
<a href="./samples/tooltip_grouped.html"> |
|
|
|
|
Show tooltip as each data |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
@ -271,22 +271,22 @@
|
|
|
|
|
<div class="row"> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Bind</h3> |
|
|
|
|
<a href="./samples/bindto.html" target="_blank"> |
|
|
|
|
<a href="./samples/bindto.html"> |
|
|
|
|
Specify the element binded |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Padding</h3> |
|
|
|
|
<a href="./samples/padding.html" target="_blank"> |
|
|
|
|
<a href="./samples/padding.html"> |
|
|
|
|
Change padding of chart |
|
|
|
|
</a> |
|
|
|
|
<a href="./samples/padding_update.html" target="_blank"> |
|
|
|
|
<a href="./samples/padding_update.html"> |
|
|
|
|
Auto padding when chart updated |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Empty Data</h3> |
|
|
|
|
<a href="./samples/emptydata.html" target="_blank"> |
|
|
|
|
<a href="./samples/emptydata.html"> |
|
|
|
|
Show text when empty data |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
@ -294,7 +294,7 @@
|
|
|
|
|
<div class="row"> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Point</h3> |
|
|
|
|
<a href="./samples/point_r.html" target="_blank"> |
|
|
|
|
<a href="./samples/point_r.html"> |
|
|
|
|
Change radius of data point |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
@ -308,16 +308,16 @@
|
|
|
|
|
<div class="row"> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Zoom</h3> |
|
|
|
|
<a href="./samples/zoom.html" target="_blank"> |
|
|
|
|
<a href="./samples/zoom.html"> |
|
|
|
|
Enable zoom |
|
|
|
|
</a> |
|
|
|
|
<a href="./samples/zoom_reduction.html" target="_blank"> |
|
|
|
|
<a href="./samples/zoom_reduction.html"> |
|
|
|
|
Zoom with reduction |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Selection</h3> |
|
|
|
|
<a href="./samples/selection.html" target="_blank"> |
|
|
|
|
<a href="./samples/selection.html"> |
|
|
|
|
Select data |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
@ -331,28 +331,28 @@
|
|
|
|
|
<div class="row"> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Flow</h3> |
|
|
|
|
<a href="./samples/api_flow.html" target="_blank"> |
|
|
|
|
<a href="./samples/api_flow.html"> |
|
|
|
|
Flow ordinary data |
|
|
|
|
</a> |
|
|
|
|
<a href="./samples/api_flow_timeseries.html" target="_blank"> |
|
|
|
|
<a href="./samples/api_flow_timeseries.html"> |
|
|
|
|
Flow timeseries data |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Axis</h3> |
|
|
|
|
<a href="./samples/api_axis_range.html" target="_blank"> |
|
|
|
|
<a href="./samples/api_axis_range.html"> |
|
|
|
|
Update axis range |
|
|
|
|
</a> |
|
|
|
|
<a href="./samples/api_axis_label.html" target="_blank"> |
|
|
|
|
<a href="./samples/api_axis_label.html"> |
|
|
|
|
Update axis label |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>grid</h3> |
|
|
|
|
<a href="./samples/api_xgrid_lines.html" target="_blank"> |
|
|
|
|
<a href="./samples/api_xgrid_lines.html"> |
|
|
|
|
Update x grid lines |
|
|
|
|
</a> |
|
|
|
|
<a href="./samples/api_ygrid_lines.html" target="_blank"> |
|
|
|
|
<a href="./samples/api_ygrid_lines.html"> |
|
|
|
|
Update y grid lines |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
@ -360,19 +360,19 @@
|
|
|
|
|
<div class="row"> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Legend</h3> |
|
|
|
|
<a href="./samples/api_legend.html" target="_blank"> |
|
|
|
|
<a href="./samples/api_legend.html"> |
|
|
|
|
Update legend |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Transform</h3> |
|
|
|
|
<a href="./samples/api_transform.html" target="_blank"> |
|
|
|
|
<a href="./samples/api_transform.html"> |
|
|
|
|
Transform chart |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>Element</h3> |
|
|
|
|
<a href="./samples/element.html" target="_blank"> |
|
|
|
|
<a href="./samples/element.html"> |
|
|
|
|
Access svg element of chart |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
@ -386,7 +386,7 @@
|
|
|
|
|
<div class="row"> |
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
<h3>RequireJS</h3> |
|
|
|
|
<a href="./samples/requirejs.html" target="_blank"> |
|
|
|
|
<a href="./samples/requirejs.html"> |
|
|
|
|
Load by RequireJS |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|