Javascript 用于股票类数据的前端图表库

我正在寻找一个前端图表库（即Javascript中的东西），它支持类似股票的特性。然而，我的x轴不是时间，而是一个递增的整数——这阻止了我使用大多数股票图表库

我已使用AmChart完成我需要的工作：

但是由于数据量太大，我不得不使用分页。我更喜欢使用一个库，它首先允许我显示数据的采样，当你放大到足够大时，它会使单个数据点可用

---

谢谢

你可以试试看。此外，您也可以使用：）

自己完成。您可以尝试或。另外，您也可以使用：）

两个适合这种类型图表的库是和

ChartsJS是两者中比较容易理解的一个，它使用html5画布，具有良好的性能，并允许客户端轻松地将图表保存为图像

NVD3是D3可重用图表的集合，因此支持浏览器中svg所能做的任何事情

由于您的缩放要求，我通常推荐NVD3（或D3本身）

---

如果这两个库都不符合您的要求，那么将列出更多的javascript图表库。

适合这种类型图表的两个库是和

ChartsJS是两者中比较容易理解的一个，它使用html5画布，具有良好的性能，并允许客户端轻松地将图表保存为图像

NVD3是D3可重用图表的集合，因此支持浏览器中svg所能做的任何事情

由于您的缩放要求，我通常推荐NVD3（或D3本身）

---

如果这两个库都不符合您的喜好，那么将列出更多的javascript图表库。

您可以尝试其他库或使用D3构建自己的功能。ZingChart是一个JavaScript图表库，应该满足您的所有需求。首先，关于x轴问题，ZingChart能够以多种不同的方式配置x轴。我将包含一个最小值和一个步长值的代码段

var myChart={
“类型”：“行”，
“scaleX”：{
“最小值”：16951，
"步骤":四,，
“最大标签数”：9
},
“系列”：[
{
7.7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 68,49,69],，
“文本”：“苹果”
}
]
};
zingchart.render({
id:“步骤”，
输出：“svg”，
宽度：600，
身高：400，
资料来源：myChart
});

您可以尝试其他库或使用D3构建自己的功能。ZingChart是一个JavaScript图表库，应该满足您的所有需求。首先，关于x轴问题，ZingChart能够以多种不同的方式配置x轴。我将包含一个最小值和一个步长值的代码段


var myChart={
“类型”：“行”，
“scaleX”：{
“最小值”：16951，
"步骤":四,，
“最大标签数”：9
},
“系列”：[
{
7.7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 68,49,69],，
“文本”：“苹果”
}
]
};
zingchart.render({
id:“步骤”，
输出：“svg”，
宽度：600，
身高：400，
资料来源：myChart
});

愉快地谢谢，极好的回答——我很高兴我问了。愉快地谢谢，极好的回答——我很高兴我问了。