c3js / c3js/c3

C3 JS chart zooming problem with touch devices

Open
#2,645 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
9.3k
Forks
1.4k
Avg merge
6d 16h
Merged PRs (30d)
1

Description

* **C3 version : c3-0.7.1**:
* **D3 version : 5.9.7**:
* **Browser: Chrome, Safari, IE**:

In my web application, I'm using C3 js Chart to visualize the data. Simply I'm using this code. [Source :](https://c3js.org/samples/interaction_zoom.html)

`var chart = c3.generate({
data: {
columns: [
['sample', 30, 200, 100, 400, 150, 250, 150, 200, 170, 240, 350, 150, 100, 400, 150, 250, 150, 200, 170, 240, 100, 150, 250, 150, 200, 170, 240, 30, 200, 100, 400, 150, 250, 150, 200, 170, 240, 350, 150, 100, 400, 350, 220, 250, 300, 270, 140, 150, 90, 150, 50, 120, 70, 40]
]
},
zoom: {
enabled: true
}
});`

This works with desktop browsers(zooming with mouse scroll button). but when the open with tab devices (touch devices) zooming not working properly, which means when doing the zooming with fingers browser is zooming instead of the chart. how to avoid it?

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.