javascript - JS 图表未在 HTML 中显示

标签 javascript html jscharts

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

最佳答案

您必须添加<div id="chartid"></div>进入您的 html 文档并为 jcharts.js 设置正确的路径(如果不正确)!

关于javascript - JS 图表未在 HTML 中显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40847448/

相关文章:

javascript - 如何为 JSCharts 生成随机颜色

javascript - WebGL 纹理问题(奇怪的图形故障和映射问题)

javascript - 页面加载时如何在元素上打开模式?

javascript - 如何从嵌套 Promise 接收数据

html - 如何显示以 longblob 形式保存在数据库中的图像?

javascript - 单击时将 Bootstrap div 展开至整行

javascript - 在 Jscharting 中处理空数据

javascript - 如何读取从 php 脚本发送的数组的值

html - 删除 html 表中的列分隔符