JS图表未在HTML中显示答案

【问题标题】：JS chart not showing in HTMLJS图表未在HTML中显示
【发布时间】：2016-11-28 15:05:17
【问题描述】：

我对 html 完全陌生。我被要求在页面中显示一个简单的 JS 图表。

这是我的代码，我没有得到任何显示。

<html>
    <head>
        <title>JS Charts</title>
        <script type="text/javascript" src="scripts/jscharts.js"></script>
    </head>
    <body>
        <script type="text/javascript" >
        var myData = new Array(['2005', 2], ['2006', 1], ['2007', 3], ['2008', 6]);
        var myChart = new JSChart('chartid', 'bar');
        myChart.setDataArray(myData);
        myChart.setBarColor('#42aBdB');
        myChart.setBarOpacity(0.8);
        myChart.setBarBorderColor('#D9EDF7');
        myChart.setBarValues(false);
        myChart.setTitleColor('#8C8383');
        myChart.setAxisColor('#777E81');
        myChart.setAxisValuesColor('#777E81');
        myChart.draw();
        </script>
    </body>
</html>

【问题讨论】：

浏览器控制台出现什么错误？
您在哪个 dom 元素上绘制此图表？您需要一个带有 id 或 class 或任何其他标识符的 dom 元素，如 div 或 span 来绘制此图表
JSChart 未找到。它是我需要导入的库吗？我可以只用java脚本吗？我需要制作一个非常简单的图形/图表@j08691
听起来你的src="scripts/jscharts.js" 不正确

标签： javascript html jscharts

【解决方案1】：

如果不正确，您必须将<div id="chartid"></div> 添加到您的html 文档中并为jscharts.js 设置正确的路径！

【讨论】：

是图书馆吗？我必须添加某种 .js 文件吗？
出于任何原因，我没有使用该库。我只是被要求用 javascript 制作一个简单的图表，然后浏览我发现了这一点。有没有更简单的方法？ @安德鲁

【解决方案2】：

您需要为图表提供 dom 参考：

你在这里有一个参考：

var myChart = new JSChart('chartid', 'bar');

所以你需要一个像这样的 html 参考：

<div id="chartid"></div>

如果你想要一个非常简单的图表栏和完整的工作示例，也许你应该使用 highcharts ：http://www.highcharts.com/demo/column-basic

【讨论】：