javascript - 如何在具有大型数据集的 JavaScript 中使用图表
问题描述
我需要用 Javascript 可视化条形图。所以我使用 C3 JS 来可视化图表。只是我使用这个条形图如下,
<div id="chart"></div>
<script>
var chart = c3.generate({
bindto: '#chart',
data: {
columns: [
['data1', 30, 200, 100, 400, 150, 250],
['data2', 50, 20, 10, 40, 15, 25]
],
axes: {
data2: 'y2'
},
types: {
data2: 'bar'
}
},
axis: {
y: {
label: {
text: 'Y Label',
position: 'outer-middle'
},
tick: {
format: d3.format("$,") // ADD
}
},
y2: {
show: true,
label: {
text: 'Y2 Label',
position: 'outer-middle'
}
}
}
});
</script>
但问题是当 X 轴由大型数据集组成时,图表变得局促。我有700多个数据。
有什么可能的方法来避免这种情况吗?我可以在主要和次要 X 轴之间添加滚动条吗?
解决方案
推荐阅读
- laravel - 部署后在 Laravel 网站中导航时找不到 404 请求(路由不起作用)
- mql4 - 在 mql4 中计算账户总盈亏的正确方法?
- python - Python:避免使用会使其他程序崩溃的文件名
- php - 如何使用 Lumen 8.x 获取中间件中的当前路由信息?
- r - 使用 fct_reorder 重新排序列的问题
- python - Jupyter Notebook 从 bash 子进程设置环境变量
- biopython - 如何使用 biopython Entrez efetch 从“基因”数据库中获取 genbank 文件
- function - 需要帮助为 Pinescript 筛选器制作功能
- regex - 在linux中打印任何单词以相同字母开头和结尾的行
- python - 如何在 https url 中发布忽略证书或传递参数以验证证书的帖子?