c3js / c3js/c3

Timeseries chart tooltips break with different length datasets

Open
#1,433 0 comments 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

Tooltips that you see on mouseover break for timeseries chart if short datasets are loaded first.

Working example - longest dataset first.

```
var chart = c3.generate({
data: {
x: 'x',
json: {
'x': ['2013-01-01', '2013-01-02', '2013-01-03'],
'data1': [10, 20, 30],
'data2': [10, 20],
'data3': [10]
}
},
axis: {
x: {
type: 'timeseries',
tick: {
format: '%Y-%m-%d'
}
}
}
});
```

Broken example - shortest dataset first:

```
var chart = c3.generate({
data: {
x: 'x',
json: {
'x': ['2013-01-01', '2013-01-02', '2013-01-03'],
'data2': [10],
'data3': [10, 20],
'data1': [10, 20, 30]
}
},
axis: {
x: {
type: 'timeseries',
tick: {
format: '%Y-%m-%d'
}
}
}
});

```

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.