如何删除metricsgraphs.js线形图下方/上方的黑色区域？
如何删除metricsgraphs.js线形图下方/上方的黑色区域？
提问于 2019-02-28 03:24:28
我正在尝试学习如何使用metricsgraphs.js库，但我在使用折线图时遇到了问题。我试着用metricsgraphicsjs.org示例中的方法来绘制基本的折线图，但是在我的图表上(取决于数据)有一些神秘的黑色区域，我不知道如何删除它或者为什么它在那里。
这是我在html文件中导入的内容：
<script type="text/javascript" src="kirjastot/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="kirjastot/tooltip.js"></script>
<script type="text/javascript" src="kirjastot/d3.js"></script>
<script type="text/javascript" src="kirjastot/popper.min.js"></script>
<script type="text/javascript" src="kirjastot/bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="kirjastot/bootstrap/css/bootstrap.css">
<script type="text/javascript" src="kirjastot/mg/MG.js"></script>
<script type="text/javascript" src="kirjastot/mg/common/brush.js"></script>
<script type="text/javascript" src="kirjastot/mg/common/chart_title.js"></script>
<script type="text/javascript" src="kirjastot/mg/common/data_graphic.js"></script>
<script type="text/javascript" src="kirjastot/mg/common/hooks.js"></script>
<script type="text/javascript" src="kirjastot/mg/common/init.js"></script>
<script type="text/javascript" src="kirjastot/mg/common/markers.js"></script>
<script type="text/javascript" src="kirjastot/mg/common/register.js"></script>
<script type="text/javascript" src="kirjastot/mg/common/rollover.js"></script>
<script type="text/javascript" src="kirjastot/mg/common/scales.js"></script>
<script type="text/javascript" src="kirjastot/mg/common/window_listeners.js"></script>
<script type="text/javascript" src="kirjastot/mg/common/x_axis.js"></script>
<script type="text/javascript" src="kirjastot/mg/common/y_axis.js"></script>
<script type="text/javascript" src="kirjastot/mg/common/zoom.js"></script>
<script type="text/javascript" src="kirjastot/mg/charts/bar.js"></script>
<script type="text/javascript" src="kirjastot/mg/charts/histogram.js"></script>
<script type="text/javascript" src="kirjastot/mg/charts/line.js"></script>
<script type="text/javascript" src="kirjastot/mg/charts/missing.js"></script>
<script type="text/javascript" src="kirjastot/mg/charts/point.js"></script>
<script type="text/javascript" src="kirjastot/mg/charts/table.js"></script>
<script type="text/javascript" src="kirjastot/mg/layout/button.js"></script>
<script type="text/javascript" src="kirjastot/mg/misc/error.js"></script>
<script type="text/javascript" src="kirjastot/mg/misc/formatters.js"></script>
<script type="text/javascript" src="kirjastot/mg/misc/markup.js"></script>
<script type="text/javascript" src="kirjastot/mg/misc/process.js"></script>
<script type="text/javascript" src="kirjastot/mg/misc/smoothers.js"></script>
<script type="text/javascript" src="kirjastot/mg/misc/transitions.js"></script>
<script type="text/javascript" src="kirjastot/mg/misc/utility.js"></script>
<script type="text/javascript" src="kirjastot/mg/common/bootstrap_tooltip_popover.js"></script>
<script type="text/javascript" src="kirjastot/mg/layout/bootstrap_dropdown.js"></script>这就是我在javascript中绘制图形的方式：
var data = [{ temperature: 20, time: 1 }, { temperature: 20, time: 2 }, { temperature: 29, time: 3 }, { temperature: 10, time: 4 }, { temperature: 5, time: 5 }];
MG.data_graphic({
title: "Line",
data: data,
area: false,
target: '#testi',
x_accessor: 'time',
y_accessor: 'temperature',
});结果如下所示：
Result line graph with random black area
有没有人遇到过类似的行为？那个黑区是什么？或者，除了自己的网页之外，是否有人知道一些关于metricsgraph.js的好例子？(例如，关于条形图的一些例子)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54913038
复制相关文章
相似问题