Javascript 使用ECharts.js中的许多数据点

我需要帮助来提高图表线上显示的点数。 使用当前代码，对于100000个点，图形线中仅绘制了20个点

var elements = new Array(100000);

for (i = 0; i < elements.length; i++) {
    elements[i] = i;
}

var myChart = echarts.init(document.getElementById('main'));
var option = {
    title: {
        text: 'ECharts entry example'
    },
    tooltip: {},
    legend: {
        data:['Sales']
    },
    xAxis: {
        data: elements
    },
    yAxis: {},
    series: [{
        name: 'Sales',
        type: 'line',
        data: elements
    }]
};
myChart.setOption(option);

var元素=新数组（100000）；
对于（i=0；i

---

您必须为此修改xAxis。您应该查看，并使用

interval

选项。它支持

自动

、数字或功能

---

或者，您也可以通过告诉数据元素显示数据点来手动显示/隐藏数据点，但这可能仅在轴标记可用时才起作用

要显示每个数据点，请在序列数据中将

showAllSymbol

设置为true

series: [{
    name: 'Sales',
    type: 'line',
    showAllSymbol: true,
    data: elements
}]

但是，20.000个数据点可能很多，因此您也可以通过在数据元素中设置

showSymbol

来创建间隔

for(i = 0; i < elements.length; i++){
    elements[i] = {
        value: i,
        symbol: (i % 100 === 0) ? 'circle' : 'none'
    }
}

for（i=0；i

这将在每100次迭代中将

showSymbol

设置为true。您可能必须将其与序列数据中的

showAllSymbol:true

结合使用才能正常工作

---

注意：

%

是您必须为此修改xAxis的

。您应该查看，并使用

interval

选项。它支持

自动

、数字或功能

---

或者，您也可以通过告诉数据元素显示数据点来手动显示/隐藏数据点，但这可能仅在轴标记可用时才起作用

要显示每个数据点，请在序列数据中将

showAllSymbol

设置为true

series: [{
    name: 'Sales',
    type: 'line',
    showAllSymbol: true,
    data: elements
}]

但是，20.000个数据点可能很多，因此您也可以通过在数据元素中设置

showSymbol

来创建间隔

for(i = 0; i < elements.length; i++){
    elements[i] = {
        value: i,
        symbol: (i % 100 === 0) ? 'circle' : 'none'
    }
}

for（i=0；i

这将在每100次迭代中将

showSymbol

设置为true。您可能必须将其与序列数据中的

showAllSymbol:true

结合使用才能正常工作

---

注意：

%

是

很抱歉我的回复太晚了，我是新来的，不管怎样，你的解决方案帮了我很多，非常感谢！很抱歉我的回复太晚了，我是新来的，不管怎样，你的解决方案帮了我很多，非常感谢！