当前位置: 首页 > 知识库问答 >
问题:

HTML 5图表不作为静态文件工作

子车劲
2023-03-14

我正在尝试使用chartjs来使用HTML5绘制图表。如果我通过右键点击打开HTML文件,然后在google Chrome中打开,这不起作用吗。我看到以下代码的空白屏幕:

<html>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.js"/>
<script>
var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
        datasets: [{
            label: '# of Votes',
            data: [12, 19, 3, 5, 2, 3],
            backgroundColor: [
                'rgba(255, 99, 132, 0.2)',
                'rgba(54, 162, 235, 0.2)',
                'rgba(255, 206, 86, 0.2)',
                'rgba(75, 192, 192, 0.2)',
                'rgba(153, 102, 255, 0.2)',
                'rgba(255, 159, 64, 0.2)'
            ],
            borderColor: [
                'rgba(255,99,132,1)',
                'rgba(54, 162, 235, 1)',
                'rgba(255, 206, 86, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(153, 102, 255, 1)',
                'rgba(255, 159, 64, 1)'
            ],
            borderWidth: 1
        }]
    },
    options: {
        scales: {
            yAxes: [{
                ticks: {
                    beginAtZero:true
                }
            }]
        }
    }
});
</script>
<body>
<div style="width:75%;">
<canvas id="myChart" width="400" height="400"></canvas>
</div>
</body>
</html>

是我在代码中做错了什么,还是我需要一个服务器(如apache)来运行页面?

暂时还没有答案

 类似资料:
  • 第一步。ffmpeg工作:。mp4- ffmpeg选项: ffmpeg-y-i我nternet.mp4-pix_fmtyuv420p-vcodec libx264-acodec ac3-r 30-配置文件:v基线-b:v1500k-maxrate2000k-s 480x300-map 0-标志-global_header-f段-segment_listindex_1500. m3u8-segmen

  • 在我的和web应用程序中,我需要显示动态图像。我想显示,其中图像的文件名存储在变量中。该变量是一个属性,返回一个store变量,该变量在上异步填充。 但是,当我这样做时,它工作得非常完美: 我的案例与此类似,但在这里它与img URL一起工作,但在我的实际文件路径中,它不起作用。 正确的方法应该是什么?

  • 静态文件的服务,可以有两种方式来进行,一种是中间件,另一种是直接使用内置的Actions。 使用中间件 Static 让你用一行代码可以完成一个静态服务器。 func main() { t := tango.New(tango.Static()) t.Run() } 然后,将你的文件放到 ./public 目录下,你就可以通过浏览器放问到他们。比如: http://localhos

  • 除了用于渲染和转换的内容之外,我们还可以使用静态文件。 静态文件不包含任何 YAML 头信息,譬如图片、PDF 和其他不必渲染的内容。 它们在 Liquid 中可以通过 site.static_files 访问,还包括以下元数据: 变量 描述 file.path 文件的相对路径,如:/assets/img/image.jpg file.modified_time 文件的最后修改时间,如:2016-

  • 顾名思义,静态文件就是那些不会改变的文件。在一般的应用程序中,静态文件包括 CSS 文件,JavaScript 文件以及图片。它们也可能是音频文件以及其它类似的东西。 组织你的静态文件 我们将会在我们的应用程序包里为我们的静态文件创建一个叫做 static 的目录。 myapp/ __init__.py static/ templates/ views/

  • 项目中的CSS、图片、js都是静态文件 配置静态文件 1.在settings 文件中定义静态内容 STATIC_URL = '/static/' STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'static'), ] 2.在项目根目录下创建static目录,再创建当前应用名称的目录 mysite/static/myapp/ 3.在模板中可以使用