Tag: highcharts

如何将后端GSON字符串带到Highcharts: 当涉及到JS，jQuery和JSON的东西时，我相当新，所以非常感谢任何帮助。我有一个项目，我正在尝试使用Highcharts，这是JSF 2.2，RichFaces 4.我已经有了我的支持bean，它从数据库中提取数据，并把商店放在一个集合中。然后我将集合转换为GSON字符串。来自GSON对象的打印输出的数据样本是 {“池价”：[{“date”：“Date.UTC（2012,5,4,1）”，“data”：“1144.144”}，{“date”：“Date.UTC（2012,5， 4,2）“，”data“：”1030.421“}]，”RAPP“：[{”date“：”Date.UTC（2012,5,4,1）“，”data“：”11.50“}， { “日期”： “Date.UTC（2012,5,4,2）”， “数据”： “10.87”}]} 当谈到页面时，我在HighFharts示例页面中使用JSFiddle设计了一个图表，并使用了一些硬编码值来获得正确的外观/设计。我现在的问题是从支持bean获取数据到highcharts。我的页面现在看起来像这样 $(document).ready(function() { function chartdata() { console.log(“Grabbing chart data”); var data = jQuery(“#chartvalue”).attr(‘value’); } }); 具有编码的值的预设JS文件，加载正常。所以问题只是将数据从chartdata（）传递到highcharts文件，以及我如何引用它。这是highcharts文件的样子 $(function() { Highcharts.setOptions({ colors: [‘#FFFFCC’,’#799ECD’,] }); var chart = new Highcharts.StockChart({ chart: { renderTo: ‘container’, backgroundColor: ‘#FCD5B5’, borderColor: ‘EBBA95’, borderWidth: 2, borderRadius: […]

为什么线条没有显示在高位图中？: 我正在尝试使用highcharts制作圆环图。使用onmouseover我想隐藏所有标签并显示所选数据标签。我可以使用这些行来做到这一点： that.series.dataLabelsGroup.hide(); that.dataLabel.show(); 但它也隐藏了我的线，我连接到图表的数据值。为什么线条不显示在高图中？这是我的代码： // Mouseover handler function(e) { var that = this; var series = this.series; console.log(series); for (var i = 0; i < series.data.length; i++) { var point = series.data[i]; console.log(point) if (point == this) { console.log('yes'); point.update({ color: series.chart.options.colors[this.index] }); } else { point.update({ color: '#CCCCCC' }); } […]

解析JSON数据时出现高清数据问题: 我试图从PhP模块动态获取数据，将其作为JSON数据加载到javascript中，并使用此数据使用HighCharts生成饼图。当我使用一些静态数据但在解析JSON数据并将其作为输入提供给Highchart系列对象时不加载时，饼图正在生成。我确信这与输入到Highcharts时的数据格式有关，但我现在暂时无法解决这个问题:(所以我想你会联系到你们。我已经在这里附上了代码和样本php模块生成的json输出供您参考。从PhP模块生成的示例JSON输入：[{“技能”：“html”，“计数”：“158”}，{“技能”：“css”，“计数”：“134”}]。需要解析此JSON输入并将其作为输入提供给我的HighCharts系列对象，以生成将“html”和“css”显示为饼图的饼图。任何指导将不胜感激。谢谢。 Top Skills Analytics Top Skills Analysis // Creates the HighChart using the dynamically generated data from PhP module function loadCharts() { // Parses the JSON data and returns an array of an array var result = []; // json from php is like : [{“skill”:”html”,”count”:”158″},{“skill”:”css”,”count”:”134″}] $.getJSON(‘test.php’, function (json) […]

HighCharts动态多重邮件柱形图一次只显示一组系列: 我在一个项目上使用highcharts，我在创建多个数据更新动态生成柱形图时遇到问题，我的目标是将所有系列保持在静态位置并根据数据进行更改。直到现在我已经实现了这个目标： https ： //jsfiddle.net/jk05qcq4/ Highcharts.chart(‘container’, { chart: { type: ‘column’, backgroundColor: null, animation: Highcharts.svg, // don’t animate in old IE marginRight: 10, events: { load: function() { var iter = 0; // set up the updating of the chart each second var series = this.series[0]; var series2 = this.series[1]; var series3 = this.series[2]; var […]

jquery datatable到highcharts: “大家好。我想知道如何动态地从下面的代码中将jataery数据表值传递给高图。像xAxis和2 yAxis这样的变量”。我应该说有超过3列，但不包括在这里。 mySql将数据提供给php，它返回值作为数据表的json格式。当然，Highcharts可以使用此信息而无需再次调用mysql。 Date Generated kW Efficiency % $(document).ready(function() { var table = $(‘#chartdaytable’).dataTable({ “bProcessing”: true, “sAjaxSource”: “../../php/ChartDayTable.php”, “bPaginate”:true, “sPaginationType”:”full_numbers”, “iDisplayLength”: 25, “aaSorting”: [[ 0, “desc” ]], “aoColumns”: [ { mData: ‘date’ } , { mData: ‘day_energy’ }, { mData: ‘efficiency’ } ] }); $(‘#chartgen’).highcharts({ data: { table: ‘chartdaytable’, endColumn: 2, }, chart: […]

Highcharts Density Dot Map支持？: 在我的工作中，我的老板要我实施点密度图。现在我无法详细介绍，但我已经实现了一个简单的lat / lon映射，如下所示： http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/maps/demo/mappoint-latlon/ 我正在使用佛罗里达州，因为这是我感兴趣的地方。无论如何，我正在尝试创建一个点密度图，其中每个点都与一个值相关联。该值将与简单的颜色相关联，其中值越大颜色越深，值越低颜色越浅。颜色可以是任意的，我只是找不到一个简单的例子甚至是这个例子的例子。我不知道这是否支持，我可以创造一个等值。即使我有颜色轴设置和JSON格式正确的问题，例如： { name : ‘poi’ value: value, lat: lat-value, lon: long-value } 我仍然无法获得点密度图。我得到的只是工作的JSFiddle示例，其中包含佛罗里达州地图及其上的点。我也得到了颜色轴，但点没有不同的颜色。有人可以提供一些帮助，它可以从信息到简单的“它不能在没有自定义的情况下在高图中支持”。

Highcharts：无法获得显示图表的示例: 我无法显示以下图表。以下是jQuery。我已经通过替换jQuery尝试了其他示例，但它确实有效。我将所有文件都放在同一个文件夹中，包括data.csv。 $(document).ready(function () { var options = { chart: { renderTo: ‘container’, defaultSeriesType: ‘column’ }, }; $.get(‘./data.csv’, function (data) { // Split the lines var lines = data.split(‘\n’); $.each(lines, function (lineNo, line) { var items = line.split(‘,’); // header line containes categories if (lineNo == 0) { $.each(items, function (itemNo, item) { […]

Sitecore 8体验编辑器和jquery: 以下javascript在页面编辑器模式下不起作用： Page.ClientScript.RegisterStartupScript(this.GetType(),”script”,””); 我改成了： Page.ClientScript.RegisterStartupScript(this.GetType(),”script”,”scSitecore&&scSitecore.prototype.initializeModalDialogs()”); 但现在没有任何东西在页面编辑器模式下保存。要在noConflict模式下包含jquery，我添加了以下代码行： Page.ClientScript.RegisterStartupScript(this.GetType(), “script”, “jQuery.noConflict();window.onload = function(){var mainDiv = $( \”main\” );}”); 要包含高图我已经添加了一个ID为“容器”的div和后面的代码行。在普通视图中，高图显示但不在页面编辑器模式下显示。 Page.ClientScript.RegisterStartupScript(this.GetType(), “charts”, “”); 容器代码.js： $(function () { $(‘#containers’).highcharts({ title: { text: ‘Monthly Average Temperature’, x: -20 //center }, subtitle: { text: ‘Source: WorldClimate.com’, x: -20 }, xAxis: { categories: [‘Jan’, ‘Feb’, ‘Mar’, ‘Apr’, ‘May’, ‘Jun’, ‘Jul’, ‘Aug’, […]

Highcharts：使X和Y轴相交为0: 我试图让我的图表的X轴和Y轴始终相交为0。目前，我正在拦截’load’事件，然后更改最初工作的轴的偏移，但是当调整窗口大小或放大图表时，轴不会更新。即使调整窗口大小或图表缩放，如何将轴保持在0的中心位置？这是我的小提琴和代码： http ： //jsfiddle.net/a003mc4b/ $(function () { $(‘#container’).highcharts({ chart: { type: ‘scatter’, zoomType: ‘xy’, events: { load : function() { this.xAxis[0].update({ offset: -this.yAxis[0].translate(0) }); this.yAxis[0].update({ offset: -this.xAxis[0].translate(0) }); } }, }, title: { text: ‘X and Y axis should intersect at 0’ }, yAxis: { lineColor: ‘#FF0000’, lineWidth: 1 }, xAxis: { […]