Skip to content
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.

Sign up for GitHub

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

Jump to bottom

added caution message for mouse-zoomable conflict with elasticX #1623

Open
wants to merge 1 commit into
base: develop
Choose a base branch
from
+445 −1,783
Open

added caution message for mouse-zoomable conflict with elasticX #1623

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
4 changes: 4 additions & 0 deletions dc.js
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion dc.js.map
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion dc.min.js.map
View file
Open in desktop

Large diffs are not rendered by default.

8 changes: 2 additions & 6 deletions package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 4 additions & 0 deletions src/coordinate-grid-mixin.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -198,6 +198,10 @@ dc.coordinateGridMixin = function (_chart) {
* Set or get mouse zoom capability flag (default: false). When turned on the chart will be
* zoomable using the mouse wheel. If the range selector chart is attached zooming will also update
* the range selection brush on the associated range selector chart.
*
* **Caution**: elasticX is not compatible with mouseZoomable,
* since it permanently locks the x scale domain to the full range of values in the data.
* Refer: https://stackoverflow.com/a/56568963/3672474
* @method mouseZoomable
* @memberof dc.coordinateGridMixin
* @instance
Expand Down
2,020 changes: 333 additions & 1,687 deletions web/docs/api-latest.md
View file
Open in desktop

Large diffs are not rendered by default.

131 changes: 67 additions & 64 deletions web/examples/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,100 +8,103 @@ <h2>Examples of using dc.js</h2>
here</a>.</p>
<table class="table">
<tr>
<td><a href="adjustable-threshold.html">adjustable threshold</a></td>
<td><a href="align-axes.html">align axes</a></td>
<td><a href="area.html">area</a></td>
<td><a href="background-drawing.html">background drawing</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\adjustable-threshold.html">C:\Users\MohanKiranMathew\dc.js\web\examples\adjustable threshold</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\align-axes.html">C:\Users\MohanKiranMathew\dc.js\web\examples\align axes</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\area.html">C:\Users\MohanKiranMathew\dc.js\web\examples\area</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\background-drawing.html">C:\Users\MohanKiranMathew\dc.js\web\examples\background drawing</a></td>
</tr>
<tr>
<td><a href="bar-extra-line.html">bar extra line</a></td>
<td><a href="bar-single-select.html">bar single select</a></td>
<td><a href="bar.html">bar</a></td>
<td><a href="boxplot-basic.html">boxplot basic</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\bar-extra-line.html">C:\Users\MohanKiranMathew\dc.js\web\examples\bar extra line</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\bar-single-select.html">C:\Users\MohanKiranMathew\dc.js\web\examples\bar single select</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\bar.html">C:\Users\MohanKiranMathew\dc.js\web\examples\bar</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\boxplot-basic.html">C:\Users\MohanKiranMathew\dc.js\web\examples\boxplot basic</a></td>
</tr>
<tr>
<td><a href="boxplot-enhanced.html">boxplot enhanced</a></td>
<td><a href="boxplot-render-data.html">boxplot render data</a></td>
<td><a href="boxplot-time.html">boxplot time</a></td>
<td><a href="brush-ordinal.html">brush ordinal</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\boxplot-enhanced.html">C:\Users\MohanKiranMathew\dc.js\web\examples\boxplot enhanced</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\boxplot-render-data.html">C:\Users\MohanKiranMathew\dc.js\web\examples\boxplot render data</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\boxplot-time.html">C:\Users\MohanKiranMathew\dc.js\web\examples\boxplot time</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\brush-ordinal.html">C:\Users\MohanKiranMathew\dc.js\web\examples\brush ordinal</a></td>
</tr>
<tr>
<td><a href="cap-and-sort-differently.html">cap and sort differently</a></td>
<td><a href="cbox-menu.html">cbox menu</a></td>
<td><a href="click-limit-on-histogram.html">click limit on histogram</a></td>
<td><a href="compare-unfiltered.html">compare unfiltered</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\cap-and-sort-differently.html">C:\Users\MohanKiranMathew\dc.js\web\examples\cap and sort differently</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\cbox-menu.html">C:\Users\MohanKiranMathew\dc.js\web\examples\cbox menu</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\click-limit-on-histogram.html">C:\Users\MohanKiranMathew\dc.js\web\examples\click limit on histogram</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\compare-unfiltered.html">C:\Users\MohanKiranMathew\dc.js\web\examples\compare unfiltered</a></td>
</tr>
<tr>
<td><a href="complex-reduce.html">complex reduce</a></td>
<td><a href="composite-bar-line.html">composite bar line</a></td>
<td><a href="composite-brush-multi-dim.html">composite brush multi dim</a></td>
<td><a href="composite.html">composite</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\complex-reduce.html">C:\Users\MohanKiranMathew\dc.js\web\examples\complex reduce</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\composite-bar-line.html">C:\Users\MohanKiranMathew\dc.js\web\examples\composite bar line</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\composite-brush-multi-dim.html">C:\Users\MohanKiranMathew\dc.js\web\examples\composite brush multi dim</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\composite.html">C:\Users\MohanKiranMathew\dc.js\web\examples\composite</a></td>
</tr>
<tr>
<td><a href="download-table.html">download table</a></td>
<td><a href="filter-stacks.html">filter stacks</a></td>
<td><a href="filtering-removing.html">filtering removing</a></td>
<td><a href="filtering.html">filtering</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\download-table.html">C:\Users\MohanKiranMathew\dc.js\web\examples\download table</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\filter-stacks.html">C:\Users\MohanKiranMathew\dc.js\web\examples\filter stacks</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\filtering-removing.html">C:\Users\MohanKiranMathew\dc.js\web\examples\filtering removing</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\filtering.html">C:\Users\MohanKiranMathew\dc.js\web\examples\filtering</a></td>
</tr>
<tr>
<td><a href="focus-dynamic-data.html">focus dynamic data</a></td>
<td><a href="focus-dynamic-interval.html">focus dynamic interval</a></td>
<td><a href="focus-ordinal-bar.html">focus ordinal bar</a></td>
<td><a href="heat.html">heat</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\focus-dynamic-data.html">C:\Users\MohanKiranMathew\dc.js\web\examples\focus dynamic data</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\focus-dynamic-interval.html">C:\Users\MohanKiranMathew\dc.js\web\examples\focus dynamic interval</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\focus-ordinal-bar.html">C:\Users\MohanKiranMathew\dc.js\web\examples\focus ordinal bar</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\heat.html">C:\Users\MohanKiranMathew\dc.js\web\examples\heat</a></td>
</tr>
<tr>
<td><a href="heatmap-filtering.html">heatmap filtering</a></td>
<td><a href="html-legend.html">html legend</a></td>
<td><a href="line.html">line</a></td>
<td><a href="multi-focus.html">multi focus</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\heatmap-filtering.html">C:\Users\MohanKiranMathew\dc.js\web\examples\heatmap filtering</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\html-legend.html">C:\Users\MohanKiranMathew\dc.js\web\examples\html legend</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\index.html">C:\Users\MohanKiranMathew\dc.js\web\examples\index</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\line.html">C:\Users\MohanKiranMathew\dc.js\web\examples\line</a></td>
</tr>
<tr>
<td><a href="multi-scatter.html">multi scatter</a></td>
<td><a href="number.html">number</a></td>
<td><a href="ordinal-bar.html">ordinal bar</a></td>
<td><a href="ordinal-line.html">ordinal line</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\multi-focus.html">C:\Users\MohanKiranMathew\dc.js\web\examples\multi focus</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\multi-scatter.html">C:\Users\MohanKiranMathew\dc.js\web\examples\multi scatter</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\number.html">C:\Users\MohanKiranMathew\dc.js\web\examples\number</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\ordinal-bar.html">C:\Users\MohanKiranMathew\dc.js\web\examples\ordinal bar</a></td>
</tr>
<tr>
<td><a href="pie-external-labels.html">pie external labels</a></td>
<td><a href="pie.html">pie</a></td>
<td><a href="range-series.html">range series</a></td>
<td><a href="replacing-data.html">replacing data</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\ordinal-line.html">C:\Users\MohanKiranMathew\dc.js\web\examples\ordinal line</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\pie-external-labels.html">C:\Users\MohanKiranMathew\dc.js\web\examples\pie external labels</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\pie.html">C:\Users\MohanKiranMathew\dc.js\web\examples\pie</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\range-series.html">C:\Users\MohanKiranMathew\dc.js\web\examples\range series</a></td>
</tr>
<tr>
<td><a href="right-axis.html">right axis</a></td>
<td><a href="row-targets.html">row targets</a></td>
<td><a href="row-top-axis.html">row top axis</a></td>
<td><a href="row-vertical-line.html">row vertical line</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\replacing-data.html">C:\Users\MohanKiranMathew\dc.js\web\examples\replacing data</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\right-axis.html">C:\Users\MohanKiranMathew\dc.js\web\examples\right axis</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\row-targets.html">C:\Users\MohanKiranMathew\dc.js\web\examples\row targets</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\row-top-axis.html">C:\Users\MohanKiranMathew\dc.js\web\examples\row top axis</a></td>
</tr>
<tr>
<td><a href="row.html">row</a></td>
<td><a href="scatter-brushing.html">scatter brushing</a></td>
<td><a href="scatter-canvas-brushing.html">scatter canvas brushing</a></td>
<td><a href="scatter-canvas-large.html">scatter canvas large</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\row-vertical-line.html">C:\Users\MohanKiranMathew\dc.js\web\examples\row vertical line</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\row.html">C:\Users\MohanKiranMathew\dc.js\web\examples\row</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\scatter-brushing.html">C:\Users\MohanKiranMathew\dc.js\web\examples\scatter brushing</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\scatter-canvas-brushing.html">C:\Users\MohanKiranMathew\dc.js\web\examples\scatter canvas brushing</a></td>
</tr>
<tr>
<td><a href="scatter-series.html">scatter series</a></td>
<td><a href="scatter-svg-large.html">scatter svg large</a></td>
<td><a href="scatter.html">scatter</a></td>
<td><a href="select.html">select</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\scatter-canvas-large.html">C:\Users\MohanKiranMathew\dc.js\web\examples\scatter canvas large</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\scatter-series.html">C:\Users\MohanKiranMathew\dc.js\web\examples\scatter series</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\scatter-svg-large.html">C:\Users\MohanKiranMathew\dc.js\web\examples\scatter svg large</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\scatter.html">C:\Users\MohanKiranMathew\dc.js\web\examples\scatter</a></td>
</tr>
<tr>
<td><a href="series.html">series</a></td>
<td><a href="sparkline.html">sparkline</a></td>
<td><a href="splom.html">splom</a></td>
<td><a href="stacked-bar.html">stacked bar</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\select.html">C:\Users\MohanKiranMathew\dc.js\web\examples\select</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\series.html">C:\Users\MohanKiranMathew\dc.js\web\examples\series</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\sparkline.html">C:\Users\MohanKiranMathew\dc.js\web\examples\sparkline</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\splom.html">C:\Users\MohanKiranMathew\dc.js\web\examples\splom</a></td>
</tr>
<tr>
<td><a href="sunburst-cat.html">sunburst cat</a></td>
<td><a href="sunburst-with-value-accessor.html">sunburst with value accessor</a></td>
<td><a href="sunburst.html">sunburst</a></td>
<td><a href="switching-time-intervals.html">switching time intervals</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\stacked-bar.html">C:\Users\MohanKiranMathew\dc.js\web\examples\stacked bar</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\sunburst-cat.html">C:\Users\MohanKiranMathew\dc.js\web\examples\sunburst cat</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\sunburst-with-value-accessor.html">C:\Users\MohanKiranMathew\dc.js\web\examples\sunburst with value accessor</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\sunburst.html">C:\Users\MohanKiranMathew\dc.js\web\examples\sunburst</a></td>
</tr>
<tr>
<td><a href="table-on-aggregated-data.html">table on aggregated data</a></td>
<td><a href="table-pagination.html">table pagination</a></td>
<td><a href="text-filter-widget.html">text filter widget</a></td>
<td><a href="time-intervals.html">time intervals</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\switching-time-intervals.html">C:\Users\MohanKiranMathew\dc.js\web\examples\switching time intervals</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\table-on-aggregated-data.html">C:\Users\MohanKiranMathew\dc.js\web\examples\table on aggregated data</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\table-pagination.html">C:\Users\MohanKiranMathew\dc.js\web\examples\table pagination</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\text-filter-widget.html">C:\Users\MohanKiranMathew\dc.js\web\examples\text filter widget</a></td>
</tr>
<tr>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\examples\time-intervals.html">C:\Users\MohanKiranMathew\dc.js\web\examples\time intervals</a></td>
</tr>
</table>
</div></body></html>
4 changes: 4 additions & 0 deletions web/js/dc.js
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion web/js/dc.js.map
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion web/js/dc.min.js.map
View file
Open in desktop

Large diffs are not rendered by default.

19 changes: 10 additions & 9 deletions web/resizing/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,19 +8,20 @@ <h2>Eyeball tests for resizing dc.js charts</h2>
here</a>.</p>
<table class="table">
<tr>
<td><a href="resizing-bar.html">resizing bar</a></td>
<td><a href="resizing-heatmap.html">resizing heatmap</a></td>
<td><a href="resizing-pie.html">resizing pie</a></td>
<td><a href="resizing-right-axis.html">resizing right axis</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\resizing\index.html">C:\Users\MohanKiranMathew\dc.js\web\resizing\index</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\resizing\resizing-bar.html">C:\Users\MohanKiranMathew\dc.js\web\resizing\resizing bar</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\resizing\resizing-heatmap.html">C:\Users\MohanKiranMathew\dc.js\web\resizing\resizing heatmap</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\resizing\resizing-pie.html">C:\Users\MohanKiranMathew\dc.js\web\resizing\resizing pie</a></td>
</tr>
<tr>
<td><a href="resizing-row.html">resizing row</a></td>
<td><a href="resizing-scatter-brushing.html">resizing scatter brushing</a></td>
<td><a href="resizing-scatter-flexbox-observer.html">resizing scatter flexbox observer</a></td>
<td><a href="resizing-series.html">resizing series</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\resizing\resizing-right-axis.html">C:\Users\MohanKiranMathew\dc.js\web\resizing\resizing right axis</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\resizing\resizing-row.html">C:\Users\MohanKiranMathew\dc.js\web\resizing\resizing row</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\resizing\resizing-scatter-brushing.html">C:\Users\MohanKiranMathew\dc.js\web\resizing\resizing scatter brushing</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\resizing\resizing-scatter-flexbox-observer.html">C:\Users\MohanKiranMathew\dc.js\web\resizing\resizing scatter flexbox observer</a></td>
</tr>
<tr>
<td><a href="resizing-sunburst.html">resizing sunburst</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\resizing\resizing-series.html">C:\Users\MohanKiranMathew\dc.js\web\resizing\resizing series</a></td>
<td><a href="C:\Users\MohanKiranMathew\dc.js\web\resizing\resizing-sunburst.html">C:\Users\MohanKiranMathew\dc.js\web\resizing\resizing sunburst</a></td>
</tr>
</table>
</div></body></html>
Loading