Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

How to set X,Y value in VueUiXy #195

Answered by graphieros
jougisljs asked this question in Q&A
Discussion options

Currently, VueUiXy only allows setting Y values. How can I set the X values?

for example : [ 10, 45] ,[19,80] , [53,78],[ 101.9 , 57]

You must be logged in to vote

@jougisljs

In VueUiXy, X values are defined in the config, and all dataset items share the same scale. This is the 'time' axis.

const config = ref({
 chart: {
 grid: {
 labels: {
 xAxisLabels: {
 values: [] // Set your x axis values here
 }
 }
 }
 }
})

Replies: 2 comments 1 reply

Comment options

series: [
[ 10, 45] ,
[ 19,80] ,
[53,78],
[101.9 , 57]
],
does not worked.

You must be logged in to vote
1 reply
Comment options

Like VueUiHistoryPlot

const dataset: VueUiHistoryPlotDatasetItem[] = [
 {
 name: "Series 1",
 values: [
 { x: 355, y: 2.3, label: "January" },
 { x: 112, y: 1.2, label: "February" },
 { x: 313, y: 0.4, label: "March" },
 { x: 555, y: 1.2, label: "April" },
 ],
 }, ],
 }, 
]
]
Comment options

@jougisljs

In VueUiXy, X values are defined in the config, and all dataset items share the same scale. This is the 'time' axis.

const config = ref({
 chart: {
 grid: {
 labels: {
 xAxisLabels: {
 values: [] // Set your x axis values here
 }
 }
 }
 }
})
You must be logged in to vote
0 replies
Answer selected by graphieros
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Q&A
Labels
usage question Questions related to library usage

AltStyle によって変換されたページ (->オリジナル) /