gpt4 book ai didi

javascript - 莫里斯图表在图表下显示代码

转载 作者:行者123 更新时间:2023-11-28 05:22:25 26 4
gpt4 key购买 nike

大家好,这可能是一个非常愚蠢的问题,但我到处都找过了,但找不到解决方案。

我正在使用莫里斯图表,它们运行良好。

问题是,在图表下,它们显示了我不希望可见的图表数据

<!doctype html>
<head>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.2/raphael-min.js"></script>
<script src="../morris.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/prettify/r224/prettify.min.js"></script>
<script src="lib/example.js"></script>
<link rel="stylesheet" href="lib/example.css">
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/prettify/r224/prettify.min.css">
<link rel="stylesheet" href="../morris.css">
</head>
<body>
<h1>Stacked Bars chart</h1>
<div id="graph"></div>
<pre id="code" class="prettyprint linenums">
// Use Morris.Bar
Morris.Bar({
element: 'graph',
data: [
{x: '2011 Q1', y: 3, z: 2, a: 3},
{x: '2011 Q2', y: 2, z: null, a: 1},
{x: '2011 Q3', y: 0, z: 2, a: 4},
{x: '2011 Q4', y: 2, z: 4, a: 3}
],
xkey: 'x',
ykeys: ['y', 'z', 'a'],
labels: ['Y', 'Z', 'A'],
stacked: true
});
</pre>
</body>

标签内的所有内容都显示在图表下方的框中。

如果您删除“pretty print linenums”类,则会删除该框,但是如果您删除标签,代码仍然会显示,但没有图表。

有人帮忙吗?

谢谢

最佳答案

好的...一个简单的。

就像我在评论中所说...任何人不具备的知识都可能很难找到。
不怪你。
所以在这里,问题真的很简单......对于知道的人来说。

只需替换 <pre id="code" class="prettyprint linenums">通过<script>
</pre>通过</script> .

;)

<pre></pre>是一组文本格式标记,不等于 <script>标签。

关于javascript - 莫里斯图表在图表下显示代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40432729/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com