Javascript Apexcharts如何将xAxis交换到yAxis?
我有使用Apexcharts插件的折线图,我想交换位置xAxis到yAxis和yAxis到xAxis。有人知道吗?这是示例代码 结果: 我想把xAxis(月)换成yAxis,把yAxis(数字)换成xAxis,如下图所示:Javascript Apexcharts如何将xAxis交换到yAxis?,javascript,jquery,apexcharts,Javascript,Jquery,Apexcharts,我有使用Apexcharts插件的折线图,我想交换位置xAxis到yAxis和yAxis到xAxis。有人知道吗?这是示例代码 结果: 我想把xAxis(月)换成yAxis,把yAxis(数字)换成xAxis,如下图所示: 以下是一个例子,说明如何实现您的目标。您必须更改数据以满足您的需要。有必要用ApexCharts提供数据。从您从文档中复制的代码中,我所做的只是实验x和y值,并将类型更改为type:scatter let data=[]; 设i=0; 对于(i=-10;i这里有一个示例,
以下是一个例子,说明如何实现您的目标。您必须更改数据以满足您的需要。有必要用ApexCharts提供数据。从您从文档中复制的代码中,我所做的只是实验x和y值,并将类型更改为
type:scatter
let data=[];
设i=0;
对于(i=-10;i这里有一个示例,说明如何实现您想要的。您必须更改数据以满足您的需要。需要使用ApexCharts提供数据。从您从文档中复制的代码中,我所做的只是试验x和y值,并将类型更改为type:scatter
let data=[];
设i=0;
对于(i=-10;我没有试过,但你不能交换x和y值吗?如果你提供了一些代码,这可能会有助于解决你的问题。我一直在编辑我的问题@shoejep下次请提供你试过的内容,以及与你的用例比文档中的内容更相关的代码。我没有试过,但你不能交换x吗如果您提供了一些代码,可能会有助于解决您的问题我一直在编辑我的问题@shoejep下次请提供您尝试过的内容以及与您的用例比文档中的内容更相关的代码
var options = {
series: [{
name: "Desktops",
data: [10, 41, 35, 51, 49, 62, 69, 91, 148]
}],
chart: {
height: 350,
type: 'line',
zoom: {
enabled: false
}
},
dataLabels: {
enabled: false
},
stroke: {
curve: 'straight'
},
title: {
text: 'Product Trends by Month',
align: 'left'
},
grid: {
row: {
colors: ['#f3f3f3', 'transparent'], // takes an array which will be repeated on columns
opacity: 0.5
},
},
xaxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
},
annotations: {
xaxis:[{
x : 45,
strokeDashArray: 0,
borderColor: '#775DD0',
label: {
borderColor: '#775DD0',
style: {
color: '#fff',
background: '#775DD0',
},
text: 'Anno Test',
}
}]
}
};
var chart = new ApexCharts(document.querySelector("#chartsimple"), options);
chart.render();