Reactjs ';电子艺界';无法将X轴和Y轴都指定为类型:值
我在使用ApacheCharts时遇到了一个问题:在使用X轴的情况下,“value”可以工作 我的代码: }) 根据API的文档 xAxis。类型 “类别”类别轴,适用于离散类别数据 “值”数值轴,适用于连续数据 当我使用“类别”作为类型时:对于x轴,它按预期为我提供曲线,但x轴的间距不均匀 但是我必须从传感器中绘制大约10000点的连续数据,就像x轴的数据一样。API建议对此类数据使用xAxis.type:“value”。 当我设置xAxis.type:“value”时,渲染如下所示Reactjs ';电子艺界';无法将X轴和Y轴都指定为类型:值,reactjs,charts,echarts,apache-echarts,Reactjs,Charts,Echarts,Apache Echarts,我在使用ApacheCharts时遇到了一个问题:在使用X轴的情况下,“value”可以工作 我的代码: }) 根据API的文档 xAxis。类型 “类别”类别轴,适用于离散类别数据 “值”数值轴,适用于连续数据 当我使用“类别”作为类型时:对于x轴,它按预期为我提供曲线,但x轴的间距不均匀 但是我必须从传感器中绘制大约10000点的连续数据,就像x轴的数据一样。API建议对此类数据使用xAxis.type:“value”。 当我设置xAxis.type:“value”时,渲染如下所示
如果有人能帮助我,告诉我哪里出了问题,或者这是一个实际的错误,那就太好了。当两个轴类型都是值时,数据应该采用以下格式,以便正确映射x和y值
data = [
[1.12,820],
[2.19, 932],
[3.84, 901], //xaxis value is not in order
[3.47,934], //xaxis value is not in order
[5.75,1290],
[6.76,1330],
[9.141,1320]
];
如果轴值不按顺序排列,可以对其进行排序以相应地显示
//sort data by xaxis values to plot the values in order
data.sort(function(a, b){return a[0] - b[0]})
然后将数据设置到图表中
option = {
xAxis: {
type: 'value',
},
yAxis: {
type: 'value'
},
series: [{
data: data,
type: 'line'
}]
};
option = {
xAxis: {
type: 'value',
},
yAxis: {
type: 'value'
},
series: [{
data: data,
type: 'line'
}]
};