Comments (6)
Hi! Checkout the scatter plot API reference. You can use the isTemporal chartOption to change the data display from time sliced with a slider to showing all timestamps at once. The scatter plot must plot two values against one another however, with an optional parameter for radius of the points.
from tsiclient.
Is this available in v1.2.45? I have data which I just need to plot against Y-axis and X-axis being the time. Is it possible for the X-axis to be optional on this case? Is there any examples for scatter plot?
from tsiclient.
If you're looking to plot data on the Y axis vs time, I'd recommend checking out the line chart! The latest updates in scatter plot are not in NPM yet, but they'll be out soon.
from tsiclient.
Also, if you are really set on using the x axis for time, you can specify milliseconds of the time you intend to use as a value (using .valueOf()) and plot that on the x axis. If you could share an example of a chart that uses scatterplot and x axis as time that would be cool, I'm curious in the use case
Alternatively you can enable dots and hide the paths of lines using CSS in the line chart, that should give you a similar effect
from tsiclient.
If you're looking to plot data on the Y axis vs time, I'd recommend checking out the line chart! The latest updates in scatter plot are not in NPM yet, but they'll be out soon.
As the data points are quite densed, having line chart makes it look messy.
Also, if you are really set on using the x axis for time, you can specify milliseconds of the time you intend to use as a value (using .valueOf()) and plot that on the x axis. If you could share an example of a chart that uses scatterplot and x axis as time that would be cool, I'm curious in the use case
Alternatively you can enable dots and hide the paths of lines using CSS in the line chart, that should give you a similar effect
Above image is a use case, I've 4 values I need to plot against time. If I used line chart and change the line colors to white, and enable the dots for all 4 values, they're all black and cannot customize the color, moreover the legend color too. So I hope that the scatter plot can have out of the box, just plot X-axis as the time.
from tsiclient.
Hi, here's a minimal example in a single file that does what you are trying to achieve...I'm going to go ahead and close this issue now. Thanks for using the library!
https://codepen.io/darsney/pen/xNvbBQ
from tsiclient.
Related Issues (20)
- Barchart showing data in a period of time HOT 1
- Tooltip is always visible for Pie Charts
- How to give the availability chart default brush start/end position? HOT 1
- Authentication failed on calling tsiClient.server.getAggregates() HOT 1
- Is this library dead ? HOT 3
- Chart doesn't render when the brush range is less than 2h 46m
- Ellipsis menu jitters when line chart is renderered
- LineChart from and to dates are set to unix epoch when there is no data within the provided search span
- Way to show live and data within specific date range to Power BI Report
- Availability chart's Timeframe label is not announced by Narrator when date time picker is focused
- Accessibility issue: Not able to access curves with keyboard that are present inside the graph.
- Consider reducing the verbosity of the date time range picker buttons
- Consider updating NPM version to fix security issues with dependencies
- v1.4.16 Breaks Change Y-Axis Type Button In Line Chart
- Query API Link leads to 404
- Change Y-axis Type button not working correctly HOT 1
- On Chnage Y-axis State to Stacked , Shared , Overlap not working as expected HOT 1
- This repo is missing important files HOT 3
- Changing the Availability Chart default search span 1 Day to any range
- How to disable mouse wheel event which changes the range of availability chart HOT 1
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 tsiclient.