Tag: highcharts

Highcharts：隐藏和显示传奇: 我希望能够在用户单击按钮时切换图表图例的可见性。我尝试使用未记录的destroy()方法隐藏图例，但是当我尝试重新渲染图例及其项目时，这些项目显示在图表的左上角而不是图例中。这些项目似乎也没有附加任何事件处理程序（单击某个项目不再切换系列）。有一个更好的方法吗？我必须支持SVG和VML实现，所以我正在寻找一种能够解决这两个问题的解决方案。 JSFiddle示例 $(‘#updateLegend’).on(‘click’, function (e) { var enable = !chart.options.legend.enabled; chart.options.legend.enabled = enable; if (!enable) { chart.legend.destroy(); //”hide” legend } else { var allItems = chart.legend.allItems; //add legend items back to chart for (var i = 0; i < allItems.length; i++) { var item = allItems[i]; item.legendItem.add(); item.legendLine.add(); item.legendSymbol.add(); } //re-render […]

编写JSON解析器以格式化饼图数据（HighCharts）: 我在HighCharts上花了几个小时来格式化数据输入到series选项。最后我看到这里的链接解决了我的数据格式化和输入问题。 HighCharts饼图可识别的数据格式如下(format 1)如上面的链接所示： [[“chrome”,15],[“firefox”,20]] 我实际上想要从外部URL输入动态数据并格式化数据，以便HighCharts可以识别它。我从URL获得的数据格式是这样的(format 2) ： [ { “status”: “Stopped \/ Idle”, “val”: 17.469444444444, }, { “status”: “Working”, “val”: 0, }, { “status”: “Headland Turning”, “val”: 0, }, { “status”: “Transport”, “val”: 0.15333333333333, } ] 它已经是JSON格式。我只是想知道，为format 2到format 1的数据编写解析器是必要的吗？或者我错过了HighCharts可以识别JSON格式数据的东西，我实际上不需要编写解析器？我是HighCharts的新手，所以如果我的一些问题描述没有意义，请随时指出。谢谢！编辑：感谢所有人回答我的问题！

使用jQuery for Highcharts迭代JSON响应: 我创建了一个创建Map对象的servlet： Map data = new LinkedHashMap(); 填写数据并使用google JSON以JSON格式返回响应： String json = new Gson().toJson(data); 所有这些在检索数据并将它们迭代到表中时都能正常工作。但我需要特殊格式的Highcharts插件： series: [{ name: ‘Monday’, data: [10] }, { name: ‘Tuesday’, data: [20] }, { name: ‘Wednesday’, data: [30] }, { name: ‘Thursday’, data: [40] }, { name: ‘Friday’, data: [50] }, { name: ‘Saturday’, data: [60] }, { name: ‘Sunday’, […]

如何在highcharts中超链接条形图: 我有一个highcharts，根据我的数据库中的数据呈现数据。我正在使用’bar’类型。现在我希望当用户点击栏时它会重定向到特定页面或者例如另一个网站。我用谷歌搜索但无法得到答案。这是我正在使用的代码。 $(function () { var chart; $(document).ready(function() { chart = new Highcharts.Chart({ chart: { renderTo: ‘container’, type: ‘bar’ }, title: { text: ‘Historic World Population by Region’ }, subtitle: { text: ‘Source: Wikipedia.org’ }, xAxis: { categories: [‘Africa’, ‘America’, ‘Asia’, ‘Europe’, ‘Oceania’], title: { text: null } }, yAxis: { min: 0, […]

Highcharts – 导出模块: 我使用highcharts生成从数据库中提取的图形数据。我在使用导出模块时遇到问题。我已经包含了出口财产： exporting{ enabled:true } 但按钮没有出现…… 我也将exports.js链接到文件中……没有按钮出现.. 其他人遇到过这个问题吗？编辑：这是代码： $.ajax({ type:”POST”, url: “retrievechartdata.php”, data: {questionId:qId, questionIdTwo:qIdTwo, title:title, titleTwo:titleTwo, from:from, to:to}, dataType: “json”, success: function(data) { //$(“#response”).html(“”+ data.valuesTwo +””); var maxY = parseInt(data.max) + 1; var minY = parseInt(data.min); if(minY > 0){ minY = 0; }else{ minY -= 1; } var cdata = new […]

HighCharts全宽度问题: 我试图使我的渲染图表填充100％的父div没有成功。有什么办法可以消除左右两侧的空隙吗？ http://jsfiddle.net/sKV9d/ var chart = new Highcharts.Chart({ chart: { renderTo: ‘chart’, margin: 0, width: 300, height: 200, defaultSeriesType: ‘areaspline’ }, series: [{ data: [33,4,15,6,7,8, 73,2, 33,4,25], marker: { enabled: false } }] });

在同一页面上使用highchart和highstock: 我有这个页面：并在我使用的页面中 $.getJSON( “server/indice.server.php?row=” + row +”&item=”+ item, null, function(data) { chartindice = new Highcharts.Chart( { chart: { renderTo: ‘graph’, defaultSeriesType: ‘line’, zoomType: ‘x’ }, /////moore setting.. series: [{ type: ‘area’, name: titleindice, data: indice, showInLegend : false //disable the the show/hide icon }] }); }); 和高库存图 window.chart = new Highcharts.StockChart({ chart: { renderTo: ‘chartHistory’ […]

禁用在HighCharts上hover: 我使用HighCharts库构建了一个饼图，这是我的图表： // http://jsfiddle.net/t2MxW/20890/ var chart = new Highcharts.Chart({ colors: [‘#0072BC’, ‘#BFDAFF’, ‘#DDDF00’, ‘#24CBE5’, ‘#64E572’, ‘#FF9655’, ‘#FFF263’, ‘#6AF9C4’], credits: { enabled: false }, chart: { renderTo: ‘container’, backgroundColor: ‘rgba(255, 255, 255, 0.1)’, type: ‘pie’, margin: [0, 0, 0, 0], spacingTop: 0, spacingBottom: 0, spacingLeft: 0, spacingRight: 0 }, title: { text: null }, plotOptions: { pie: […]

如何从轴上捕捉点击事件jsplot，highcharts，flot: 我希望能够捕获挂钩到所有轴刻度的点击事件。这是我到目前为止所做的。 http://jsfiddle.net/grVFk/5074/ 如果有人知道如何使用任何图表插件可以友好分享。谢谢

舍入导致highcharts jquery脚本: 我知道这有点……但反正会问。我正在使用highcharts jquery脚本（http://www.highcharts.com/）来生成饼图。我试图在饼图中舍入数字结果，但找不到任何文档。我被卡住了！我的数据看起来像这样： data: [ [‘Equity’, 3], [‘Cash’, 6] ] 饼图输出：33.333333333333和66.666666666666 我宁愿分别上下调整结果，所以它读取并显示33和64.是否有人知道如何在highcharts中设置它？