Articles of highcharts

注入参数到节点模块时遇到麻烦

上下文 我目前正在开发一个引擎,用Asp.Net Core生成HighMaps脚本。 为了做到这一点,我使用API Microsoft.AspNetCore.NodeServices来执行由HighChart提供的节点模块(请参阅https://github.com/highcharts/node-export-server )。 我已经按照这个链接来实现一个解决schemehttps://davidsekar.com/angular/server-side-rendering-of-highcharts-in-net-core 。 问题 我的代码包含在下面: 节点模块 /** * https://github.com/highcharts/node-export-server */ const exporter = require('highcharts-export-server'); // Set up a pool of PhantomJS workers let config = { maxWorkers: 10, initialWorkers: 5, reaper: true, listenToProcessExits: true }; // exporter.logLevel(4); exporter.initPool(config); // Export settings // var exportSettings = { type: 'png', options: { […]

React Highcharts包括插件

我已经安装了react-highcharts(npm),以便将Highcharts用于我的项目。 一切正常,除了导入插件。 例如,当我inputhighcharts-regression时 ,控制台给出了一个 ReferenceError:Highcharts没有定义。 import ReactHighcharts from 'react-highcharts'; import './static/highcharts-regression.js'; 这似乎不是很难解决,所以我试图做他们在他们的文档相同: require('./static/highcharts-regression.js')(ReactHighcharts.Highcharts); 但是,这并不能解决问题。 在使用react-highcharts, webpack, and Babel?时,还有另外一种方法来包含这个插件react-highcharts, webpack, and Babel?

mongodbdate时间filter和聚合

我有一个MongoDB qith一个集合包含像 { timestamp: <unix timestamp>, sensor: <string>, temperatore: number } 完整的堆栈是 硬件: 覆盆子pi 3 后端: mongodb 2.4.16 nodejs 6.8.1 mongodn(节点模块)2.2.11 前端 angularjs 1.5.8 highcharts 5 highcharts-ng 0.0.13 在我的实际设置中,我每分钟都有一个logging,来自3个不同的传感器,所以每天4320条logging。 这对一天以上的图表来说很好。 我想find一种方法来减lesslogging的数量,因此绘制一周的时间更快,我不需要发送所有32040条logging。 我正在考虑每10分钟获取一个值(图表不够精确,但不需要放大),在节点级别进行过滤,但是当我想要绘制图表即1年(1.5 Mlogging)。 所以我想就如何有效地做到这一点提出一些意见。 可能对find()调用有一些精心devise的filter,但除了迁移到传统的数据库(PostgreSQL或Mariadb)外,我想不出任何可行的方法。

build立dynamicHighCharts和图像Highcharts与(主要)一个代码库?

我们已经为我们的网页创build了dynamic的HighCharts – 这些有一些JavaScript依赖和图表生成脚本。 我们希望使用HighCharts新的HighCharts / Node / PhantomJS套件创build这些图表的PDF文件(请参阅新闻稿 )。 我们的image-gen节点服务器将运行在一个单独的box / vm上。 我们如何做到这一点,而不必为同一个图表维护两个单独的代码库? 我还不太熟悉Node,所以我不确定如何通过Web请求来请求脚本。 我猜想许多HighCharts用户想要开始生成他们的一些图表,因为服务器端将会遇到与pipe理两个相关代码集类似的问题。 实质上,我们已经有了这个: Webserver – > JSON(data)+ foo.js + bar.js + foo.html – >dynamic图表的网页。 我们想build立: Web服务器 – > JSON(数据)+单独的节点服务器+ foo.js + bar.js – >图像可通过Web请求 显然有些冗余。 我们如何pipe理依赖关系?

addPoint with HIGHCHARTS(xAxis dateTime)

我基于本教程实时创build图表。 http://www.highcharts.com/docs/working-with-data/live-data 然后,当我与nodejs和套接字我MODIFY代码但突然graphics不更新..这里是代码: 代码客户端: var chart; var series = Array(); socket.on('ping', function(data){ console.log(data); socket.emit('pong', {beat: 1}) //console.log(i); requestData(data); }); function requestData(point) { if(point !== null){ //console.log('if'+point); var series = chart.series[0], shift = series.data.length > 60; // shift if the series is longer than 20 //alert(point); chart.series[0].addPoint(point, true, shift); //setTimeout(requestData, 5000); } } $(document).ready(function() { chart […]

用错误#17使用npm高位图来绘制气泡图

我正在尝试使用高图的npm版本绘制高图的气泡图,但是出现错误#17,我已经尝试导入highcharts-more,但是没有奏效。 我有以下import import $ from "jquery"; import _ from "underscore"; import Logger from 'js-logger'; import Marionette from 'backbone.marionette'; import Highcharts from 'Highcharts'; import 'Highcharts/highcharts-more'; 气泡图的选项如下: settings = { chart: { type: 'bubble', plotBorderWidth: 1, zoomType: 'xy' }, legend: { enabled: false }, title: { text: 'Sugar and fat intake per country' }, subtitle: { text: […]

Highcharts-more.js在vue-cli项目中不起作用

这几个星期我在一个vue-cli项目上工作,我正在尝试做一个这样的极坐标图: https : //www.highcharts.com/demo/polar-spider 由于这个图表需要highchart-more文件,因此我使用npm安装并导入了highcharts和highchart-more库。 但是,导入这两个文件后,我在我的铬控制台中得到以下错误,并不能加载高图。 错误 highcharts-more.js?7b43:8 Uncaught TypeError: p is not a function at eval (eval at <anonymous> (app.js:874), <anonymous>:8:212) at eval (eval at <anonymous> (app.js:874), <anonymous>:11:205) at eval (eval at <anonymous> (app.js:807), <anonymous>:39:67) at Object.<anonymous> (app.js:807) at __webpack_require__ (app.js:658) at fn (app.js:86) at Object.<anonymous> (app.js:1182) at __webpack_require__ (app.js:658) at app.js:707 at app.js:710 […]

如何预装或将静态文件安装到Highchart的导出服务器中?

这是如此,如果我使用HTML导出图表,我可以引用样式类,所以我的图表将生成,因为它是在我的Web应用程序。 目前我尝试将CS​​S存储在我的resources.json文件中,但是这个样式似乎不适用于我的任何一个图表。 我知道在线样式标签适用于图表,当我在我的HTML中使用它,但是,因为我有很多的样式,最好加载它全部一次使用resources.json 更新 提供的命令d_paul工作,所以感谢你! 我试图用enableServer命令加载资源,但不会读取它。 无论如何,通过导出API http://api.highcharts.com/highcharts/exporting发送resources参数 我知道你可以发送JSON到服务器的资源参数,并让它以这种方式呈现,只是想知道是否有办法通过我上面链接的导出API发送它。 或者,如果不通过API,如果我可以加载资源,当我启动服务器使用enableServer参数?

Node.js,express,jade,highcharts和2D数组

免责声明,我很新的javascript / node.js / express / jade / highcharts等… 对我的问题 我有一个模板,收到我预处理我的路由器代码几个参数。 参数被分成1个对象,并代表高数据graphics元数据和系列数据。 当我试图将二维数组传递给表示我的数据系列的玉石模板时,我遇到了一个问题,但在chrome开发工具中,它看起来像一个正常的数组。 我的Highcharts代码基于: Highcharts列图 这是我的代码: delivered.js var callback = function process_results(result){ var res = new Object() res.title = "Delivery Count" res.yAxisTitle = 'Delivered' res.seriesName = "Delivered per month" res.seriesData = [] for (var i = 0; i < result.rows.length; i++) { //process the query […]

如何从其他脚本获得价值? (在html中)

我想从其他脚本获得价值。 (关于socket.io)脚本 – >(关于highchart) B脚本 这是一个脚本 <script> var socket = io(); socket.on('currTemp', function(data){ document.getElementById("temp").innerHTML = "Temperature : " + data; ***// I WANT 'data'.*** }); </script> 这是B脚本 <script type="text/javascript"> …. code …. setInterval(function () { var point, newVal, inc; if (chartRpm) { point = chartRpm.series[0].points[0]; inc = ——> ***I want 'inc = data '*** newVal […]