Tag: highcharts

Highcharts使用chart.renderer.path绘制一条线: 我正在看这个公式： http://www.w3.org/TR/SVG/paths.html#PathDataMovetoCommands 这是我画的方式： chart.renderer.path([‘M’, someNumber, 10, ‘V’, 1500, 0]) .attr({ ‘stroke-width’: 2, stroke: ‘red’, id: ‘vert’ }) .add(); 然后绘制线条，但它会遍历整个图形。我希望它小。我认为为了使它变小，我需要改变’10’，但无论我放置什么值（甚至10.000），线的长度都保持不变。

BUG在Highchart的鼠标事件中的绘图类型：线/样条曲线: 看起来在highcharts线图中鼠标事件跟踪存在一些错误，我不确定它是否是它的错误，我前几天在同一事件上还有一个post，如何在Highcharts中纠正鼠标事件，其中一个高图支持的工程师，建议排序x轴，我做了同样的建议，但结果是我在实际中不能接受的这里是Fiddle的链接，请查看 1）良好的模式yaxis排序鼠标事件不工作—> 好 $(function () { $(‘#container’).highcharts({ title: { text: ‘Y axes reversed’ }, yAxis: { reversed: true }, series: [{ data:[ [ 25.290,1.000 ], [ 25.240,2.000 ], [ 25.210,3.000 ], [ 25.190,4.000 ], [ 25.180,5.000 ], [ 25.170,6.000 ], [ 25.160,7.000 ], [ 25.310,8.000 ], [ 25.210,9.000 ], [ 25.170,10.000 ], […]

Highcharts：更改突出显示柱形图的颜色: 如何将以下小提琴中列组的背景/高亮颜色更改为另一种颜色，而不是默认显示的浅蓝色？我尝试过以各种方式使用plotOptions ，但都无法完成任务。 plotOptions: { column: { events: { hover: { background: ‘#000000’ } } } } http://jsfiddle.net/vcehgfge/2/

如何使用jQuery UI滑块动态更新highcharts: 我正在寻找一种基于jQuery UI滑块确定的值动态更新Highcharts的方法。我还不熟悉AJAX或JSON，所以我没有太多运气。我试图让收入在给定月份内逐步增加（例如，订阅服务）。为了更容易，我把它放在jsFiddle http://jsfiddle.net/nlem33/Sbm2T/3/上。任何帮助将不胜感激，谢谢！ $(function () { var chart; $(document).ready(function() { chart = new Highcharts.Chart({ chart: { renderTo: ‘container’, backgroundColor: null, type: ‘area’ }, title: { text: ” }, subtitle: { text: ” }, xAxis: { categories: [‘1’, ‘2’, ‘3’, ‘4’, ‘5’, ‘6’,], tickmarkPlacement: ‘on’, title: { text: ‘months’ } }, […]

奇怪的行为在文档模式IE8中Highcharts饼图: 我在引导网格中有4个彼此相邻的饼图，这些饼图在IE11文档模式IE5，IE7，IE9 +中都很好，但在IE8上却没有。它在文档模式IE8中的作用：当我用ctrl + f5刷新页面时：图表显示正确。当我用f5刷新时：图表有一个大容器的方式并显示在屏幕外（并且离开网格）我的JS： $(function () { var chart; var options = { chart: { plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false, height: 200 }, legend: { align: ‘right’, verticalAlign: ‘top’, x: 0, y: 40, layout: ‘vertical’ }, credits: { enabled: false }, title: { margin: 30, style: { color: ‘#6e685c’, fontSize: […]

json_encode和highcharts: 我正在尝试使用jQuery在PHP和MySQL中创建图形，特别是使用Highcharts库，我已经设法使用来自MySQL数据库的数据制作图表，但这些数据显示了一些数据，如果它们在数据库中而不是其他数据，例如，一个产生10个结果的查询5是好的，但其他五个没有，我在网上做了一些研究，我理解这是由于问题，当我通过json_encode在MySQL中传递我的查询结果时，我希望你们中的一些人可以告诉我，因为我有这个错误，或者如果我误用了JSON，非常感谢你。代码：index.php Incidencias var chart; $(document).ready(function() { var options = { chart: { renderTo: ‘pieClientes’, defaultSeriesType: ‘pie’, marginRight: 10, marginBottom: 25 }, title: { text: ‘top 10. Clientes con m\u00e1s incidencias’, x: -10 }, subtitle: { text: ”, x: -20 }, tooltip: { formatter: function() { return ”+ this.point.name +’: ‘+ this.y +’ incidencias’; } […]

Highcharts随时间填充实时数据: 我一直在四处寻找并测试不同的样品，但我无法弄清楚这一点，我希望有人知道答案，非常感谢。我正在创建一个图表并填充我的数据库中的数据。我正在寻找一种方法让它每5秒重绘一次图表。我已经尝试使用setInterval和setTimeout以及charts.redraw（）和其他解决方案，我已经找到了几个不同的样本，但还没有设法让它工作。我有以下代码： $(function () { var reports= new Highcharts.Chart({ chart: { renderTo: “reports”, defaultSeriesType: “area” }, plotOptions: { series: { color: “#1875d3”, fillOpacity: 0.1, lineWidth: 4, marker: { radius: 5, lineWidth: 1, lineColor: “#FFFFFF” } } }, series: [{ name: “Reports”, data: }], yAxis: { title: { text: null }, labels: { […]

Highchart – 从左侧点开始的行或区域: 嗨，我正在使用Highchart进行图表。它工作正常。我遇到了这个问题：我把这些类别称为月份。虽然行开始（行/区域）它是月份的起始中心，而不是月份点的左侧，所以在10月份，行开始于中心，以及上个月结束时的中心点，而不是以图的结尾。但是我的客户希望它能在适当的月份开始和结束。我添加了jsfiddle供您参考： http://jsfiddle.net/QmwaW/ 谢谢

Highcharts从数据库中获取数据: 我正在尝试在Highchart上绘制数据库中的一些数据，但我似乎无法显示数据。我有以下PHP（代码片段）从数据库获取数据并json_encodes它： json_encode打印以下内容（我正在使用datetime）： [“[500, 1384122794]”,”[600, 1384153203]”] 然后，我有以下图表来绘制数据： $(function() { $.getJSON(‘http://www.website.com/graph.php’, function(data) { // I put website.com on purpose // Create the chart $(‘#container’).highcharts(‘StockChart’, { rangeSelector : { selected : 1 }, title : { text : ‘Title’ }, series : [{ name : ‘AAPL’, data : data, tooltip: { valueDecimals: 2 } }] }); }); […]

Highcharts xAxis drilldown不能正确更改: http://jsfiddle.net/ZBXV7/2/ when I click a column or label the xAxis write incorrect label but tooltip its ok. Where’s the problem?