文章/答案/技术大牛

发布

社区首页 >问答首页 >JS图表未在HTML中显示

问JS图表未在HTML中显示
EN

Stack Overflow用户

提问于 2016-11-28 23:05:17

回答 2查看 1.1K关注 0票数 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>

javascript

html

jscharts

回答 2

Stack Overflow用户

发布于 2016-11-28 23:09:12

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

票数 1

Stack Overflow用户

发布于 2016-11-28 23:11:30

你的图表需要有一个dom引用：

你在这里有一个引用：

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

所以你需要一个像这样的html引用：

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

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/40847448

复制

相似问题

问JS图表未在HTML中显示
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JS图表未在HTML中显示EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JS图表未在HTML中显示
EN