Reactjs ';电子艺界';无法将X轴和Y轴都指定为类型:值

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”时,渲染如下所示

我在使用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'
        }]
    };