Tag: chart.js
带有Node.js的Chartjs：意外的标记<
我想用node.js来使用Chart.js。 我从下面的git源代码下载了Chart.js： https ： //github.com/nnnick/Chart.js并用phptesting过，事情工作正常。 现在我正在使用node.js，但我有一个问题： 资源解释为脚本，但使用MIMEtypestext / html传输：“url / Chart.js / Chart.js”localhost /：3未捕获SyntaxError：意外标记</Chart.js/Chart.js:1 debug.html <html><head> <script src="Chart.js/Chart.js"></script> </head></html> index.js var http=require('http'); var fs=require('fs'); var fichier=fs.readFileSync('debug.html', 'utf-8'); var server = http.createServer(function(req,res){ res.writeHead(200, {'Content-Type': 'text/html'}); res.write(fichier); res.end(); }); server.listen(80); 我知道path是好的，节点可以find它，那么问题是什么？ 感谢您的帮助。
在快速应用中未捕获的SyntaxError
我试图用Websockets实时数据streamChartjs但是我不断收到以下错误。 main.js：1未捕获的SyntaxError：意外的标记< 我究竟做错了什么？ 我的服务器代码/ HTML看起来像这样： server.js const config = require('./config.json'); const express = require('express'); const SocketServer = require('ws').Server; const path = require('path'); const PORT = config.PORT|| process.env.PORT ; const INDEX = path.join(__dirname, config.INDEX); const server = express() .use((req, res) => res.sendFile(INDEX)) .listen(PORT, () => console.log(`Listening on ${ PORT }`)); const wss = new SocketServer({ server […]
更改节点js上ChartJS的背景
我有以下简单的代码在node.js上正常运行： var express = require('express'); var Canvas = require('canvas'); var Chart = require('nchart'); var app = express(); app.get('/', function (req, res) { var canvas = new Canvas(400, 200); var ctx = canvas.getContext('2d'); var data = { labels: ["January", "February", "March", "April"], datasets: [ { label: "My First dataset", fillColor: "rgba(0,0,0,0)", //transparent strokeColor: "#f15a42", pointColor: "#f15a42", […]
在Angular2应用程序中使用Chartjs
我目前正在和TypeScript一起探索Angular2，我想在我的应用程序中包含Chartjs模块。 在chartjs文档中显示了如何使用通用的canvas HTML标签来完成它： <canvas id="myChart" width="400" height="400"></canvas> <script> var ctx = document.getElementById("myChart"); var myChart = new Chart(ctx, {[…]}); </script> 我怎样才能用Angular2和TypeScript做类似的事情？ 提前致谢！
如何在节点js中创buildpdf文件
我正在使用sails框架在node.js中创build一个应用程序。 我想创build一个PDF格式的报告。 该报告需要包含使用chart.js生成的图表。 数据从mongodb中获取并显示在canvas 。 如何使用node.js创build此图表的PDF文件？
在node.js中使用chart.js
我正在创build一个从http://services.swpc.noaa.gov/text/ace-swepam.txt获取实时数据的站点，我希望它使用chart.js将这些数据输出到图表。 我有时间，date（所有领域）质子密度，散装速度和离子温度的数组，但我不知道如何使用chart.js这个设置。 到目前为止我所做的一切都是成功的 npm install chart.js 那是不是在设立呢？ 我知道我需要在Javascript中设置图表和数据，并在HTML中绘制canvas。 但是我不知道把js / css放在哪里。 我已经尝试把它放在代码的response.write（）部分的脚本标签中，但是即使使用双引号内的所有单引号，它仍然搞砸了，并告诉我是非法的。 我也尝试使用fs.readFile完成一个单独的html页面，并使用所有需要的Javascript和CSS，但是我不知道如何在html中使用我的节点数据。 // console.log(year, month, day, time, statusno, proton, bulksp, iontemp); http.createServer(function (request, response) { //works but I can't pass values into it fs.readFile('index.html',function (err, data){ response.writeHead(200, {'Content-Type': 'text/html'}); response.write(data); //Doesn't like it when I try adding more complicated code (like javascript etc) // […]
$（…）.getContext（“2d”）在使用chart.js时不是函数
我正在使用nodejs和玉视图引擎。 我想在我的页面中使用chart.js加载图表，我添加了jquery和chart.js库，但它仍然给我错误的标题$（…）。getContext（“2d”）不是一个函数。 请帮助我这个问题，谢谢。 $(document).ready(function(){ var ctx = $("#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, […]
chart.js创build图表失败：无法获取给定项目的上下文
我从来没有进入节点，所以我很确定我在这里做了大量的错误，因为我一点也找不到任何的信息。 我有一个Django网站，我想要一个JS图表库，我select了chart.js。 我安装并喜欢文档，但之后，我不知道该怎么做，所以我试图填补空白，尽可能按照他们的指导。 这是我的HTML看起来像…. <script src="/public/node_modules/chart.js/dist/Chart.js"></script> <canvas id="myChart" width="400" height="400"></canvas> <script> var ctx = document.getElementById("myChart"); console.log(ctx); var options = {} var data = { labels: ["January", "February", "March", "April", "May", "June", "July"], datasets: [ { label: "My First dataset", fill: false, lineTension: 0.1, backgroundColor: "rgba(75,192,192,0.4)", borderColor: "rgba(75,192,192,1)", borderCapStyle: 'butt', borderDash: [], borderDashOffset: 0.0, borderJoinStyle: 'miter', […]
