Articles of highcharts

在ajax请求之后重新呈现EJS文件

我试图在点击href时对服务器进行Ajax调用。 当我的href被点击时,我成功地去我的服务器,并调用一个定义的路线。 我的路线正确地为我服务,并将数据发回给我。 下面是这个脚本。 $('.graph-switch').click(function (){ event.preventDefault(); $.getScript("js/ejs_production.js", function() $.ajax({ url:'/spiderSwitch', type: 'GET', data: { type: $(this).attr('href') }, success: function(result){ console.log(result); // correctly displayed // WHAT TO DO AT THIS POINT?? }, error: function(){ alert("well this is not working"); } }); }); }); 在这一点上,我需要重新渲染我想改变的部分。 下面是我想改变的HTML的一部分。 <div class="panel-body text-center"><% include partials/spider-chart.ejs %> </div> 基本上我使用ejs的include关键字来添加一个spider-chart.ejs文件。 以下是spider-chart.ejs文件。 <!– […]

使用NodeJS生成服务器端HighStock图表

我正在使用HighStock在浏览器中生成一些图表。 但是现在我想把它们中的一些存储在服务器上。 所以我知道HighCharts可以被导出到服务器,但是如果可能的话,我宁愿使用其他方式。 事情是在服务器上运行HighStock并将svg转换为某种图像格式,然后将其存储在那里。 快速的谷歌search给我这个网页 。 结合HighCharts和NodeJS似乎是正确的方法,但这种解决scheme不适用于较新版本的HighCharts。 更确切地说,在NodeJS中使用jsdom模块(v0.2.10 – 最新版本)和HighStock v1.0.2(请看下面的代码): var jsdom = require('jsdom'); var fs = require('fs'); var jQuery = fs.readFileSync('./js/jquery-1.7.min.js').toString(); var Highstock = fs.readFileSync('./js/highstock.js').toString(); jsdom.env({ html: '<div id="container"></div>', src: [ jQuery, Highstock ], done: function(errors, window) { if (errors) return console.log(errors); var Highcharts = window.Highcharts; var chart = new Highcharts.Chart(options); } }); […]

世界地图path数据反应高的图表

我正在看反应的highmaps文档,看起来他们已经硬编码/保存地图数据: https://github.com/kirjs/react-highcharts https://github.com/kirjs/react-highcharts/tree/master/demo/src/mapdata 我在很多小教程中看到,虽然数据来自高地图本身,只是通过传递一个这样的关键 mapData: Highcharts.maps['custom/world'], 看到这里的例子: http : //jsfiddle.net/gh/get/jquery/3.1.1/highcharts/highcharts/tree/master/samples/maps/tooltip/usehtml/ 但是,鉴于我正在编写一个纯粹的reactJS / nodeJS应用程序,我想知道在纯粹的反应中是否有办法为世界地图提供path数据? 这是部署在某个地方反应高的地图?

Highcharts导出图表exportSettings与SVG文件

我想用.Net Core项目渲染地图文件 因此,目的是在Javascript中间件上执行Highmaps库,并将svg文件导出到“node-export-server”。 我有一个从客户端接收一些数据的API。 我想用Highmap库生成SVG地图文件,然后发送到另一个API中,该API将包含一个中间件来执行节点模块或者PNG / JPG / …导出。 什么是将svg文件传递到“node-export-server”模块的方法? 我读了关联文档,但我没有find方式…( https://github.com/highcharts/node-export-server/blob/master/README.md ) 我想通过我的SVG文件与此示例。 //Include the exporter module const exporter = require('highcharts-export-server'); //Export settings var exportSettings = { type: 'png', options: { title: { text: 'My Chart' }, xAxis: { categories: ["Jan", "Feb", "Mar", "Apr", "Mar", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"] }, series: […]

debuggingdomjs和highcharts

好的,所以我试图将一个相当复杂的highcharts渲染脚本从前端移动到通过nodejs进行的服务器端处理 它实际上相当不错。 我有“没有错误”和图表是渲染与数据到SVG。 问题是,当我去查看浏览器中的输出svg的全部搞砸了。 在萤火虫我得到以下“警告”: Unexpected value NaN parsing y attribute. Unexpected value NaN parsing x attribute. Unexpected value NaN parsing y attribute. Unexpected value NaN parsing x attribute. 我的问题是,我怎么去debugging呢? 我不知道哪里的NaN值是在highcharts源代码中计算的,并且在控制台中没有得到传统的js错误。 基本上相同的代码目前在实际的浏览器环境中工作正常,但是在使用nodejs和domjs处理时失败,所以它的可能问题与此有关。 这是我的节点脚本: # base libs {jsdom} = require 'jsdom' jade = require 'jade' fs = require 'fs' # chart and settings Chart = require […]