Comments (2)
@jsong0605 you can use axis.x.padding option to solve your issue. please check solved example and this code.
var lineChart = bb.generate({
// ...
axis: {
x: {
padding : { // add this config
left : 0,
right : 0
},
type: "timeseries",
min: "2017-02-15",
max: "2017-07-15"
},
// ...
});
If you not setting "axis.x.padding" option, billboard.js reflect max data count to make xAxis. but this logic is only applied when generate bar chart. so line chart and bar chart has different xGrid result.
try this solution and if you faced another issue, please add comment.
from billboard.js.
Closing the issue.
If not solved with above comment, plz reopen it.
from billboard.js.
Related Issues (20)
- legend: Legend tooltip ignores data.names HOT 3
- [Feature Request] legend: Provide key and value as arguments for format
- interface indent
- Inconsistence in tooltip y coordinate in gauge with arc.rangeText + title.text
- Replace karma due to the deprecation
- Is there any way to create two combined charts which share a single x-axis? HOT 1
- About domain in `clip-path` HOT 1
- inconsistency in the scaling of the y-axes HOT 4
- x-axis label overlapped by tick text HOT 1
- option for rotating axis labels
- `arc.needle.value` is missing from typings HOT 1
- "boost.useWorker: true" in combination with frequent updates results in a consistent tab crash HOT 3
- Adopt eslint v9
- Implement regions.label to .region() API HOT 1
- Add regions.label type definition
- Scatter Plot points not displaying when loaded into chart in some cases HOT 1
- Chart data update with overriden transition duration freezes app
- Implement option to force event to work multiple xs type work as single x
- nullish element is passed for treemap data.onover/out callback function
- Extent seems to have no effect on timeseries chart
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from billboard.js.