0

我对 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>
4

2 回答 2

1

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

你在这里有一个参考:

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

因此,您需要一个 html 参考,例如:

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

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

于 2016-11-28T15:11:29.803 回答
1

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

于 2016-11-28T15:09:12.490 回答