Tag: highcharts

更改图例符号高图的颜色

是否可以在Highcharts中更改图例符号颜色？ 例如， 演示示例包含两个系列，图例中的符号为蓝色和黑色（与系列相同）。 我在文档中找不到任何symbolColor参数。 如何将它们都改为黑色？ legend: { layout: ‘vertical’, floating: true, align: ‘left’, verticalAlign: ‘top’, x: 90, y: 45, symbolPadding: 20, symbolWidth: 50, symbolColor: ‘#000000’ ????? },

图表宽度问题

我正在开展一个项目，其设计类似于小提琴中的设计 。 左侧的侧面导航带有切换选项，图表位于右侧。 正在发生的事情是图表响应性很棒，当我调整窗口大小时它非常完美。 但是在我的项目中，我有一个切换按钮来切换左侧的navigation栏，它正常工作。 当我隐藏导航栏。 div宽度变为屏幕的100％，但图表的宽度保持不变，除非我在窗口上执行一些操作，如重新resize。 在小提琴中你可以找到当你切换侧边栏时我正面临的问题。 注意：赋予div的边框表示切换侧边栏时div的宽度。 我对此做了谷歌，但我一无所获。 如果任何面临同样的问题并找到任何解决方案。 请帮帮我。 提前致谢。

如何格式化柱状图数据标签

如何格式化柱状图数据标签如图所示，只需要格式化第二个条。 我试过的代码如下所示 [$(‘#voo-accepted-orders-graph’).highcharts({ chart: { type: ‘column’, backgroundColor: ‘#9a97de’, minPadding: 0.08, maxPadding: 0.08, }, title: { text: ” }, legend: { enabled: false, }, exporting: { enabled: false }, credits: { enabled: false }, xAxis: { tickWidth: 0, gridLineWidth: 0, gridLineColor: “#5c6bc0”, categories: \[‘accepted’, ‘auto-accept’, ‘sent to PO’, ‘transfers’\], labels: { style: { color: ‘#ffffff’, […]

无法使用Highchart绘制两个饼图

我想通过进行两个ajax调用（因为两个图表都基于不同的数据集）并使用动态数据并排绘制两个饼图，但总是我只得到一个图表而不是第二个不知道我在哪里犯错误。 我的代码如下所示。 请帮我画两张彼此相邻的图表。 function visitorData(data, type) { var chartData = JSON.parse(data.d); var data1 = “”; var chartAlign = “”; if (type == 0) { data1 = [{ name: chartData.Table[0].RegName, y: chartData.Table[0].IC, id: 8 }, { name: chartData.Table[1].RegName, y: chartData.Table[1].IC, id: 4 }, { name: chartData.Table[2].RegName, y: chartData.Table[2].IC, id: 7 }, { name: chartData.Table[3].RegName, y: chartData.Table[3].IC, […]

Highcharts背景图像大小选项

我正在使用Highcharts在网页上呈现图表。 现在我发现了一个问题，如果我在容器div上使用min-width和max-width CSS选项： 我用这种方法添加了背景图像： Highcharts.theme = { chart: { backgroundColor: ‘#FFFFFF’, plotBackgroundImage: ‘/path/to/mybackgroundimage.png’ } }; 此图像宽度为960像素，高度为400像素，在桌面上显示效果很好，但如果我在移动设备上查看图像的图像比例已经消失，图像会变形。 是否有backgroundSize:’cover’或类似的东西来固定不同屏幕宽度的图像位置和大小？

IE8上的工具提示无法清除

我正在使用Highcharts构建应用程序，需要为大型企业客户支持IE8。 这是我看到的问题。 每当我将鼠标hover在一个点上时，工具提示会按预期显示。 但是，当我移开鼠标时，工具提示的边框仍然存在。 每个点都会发生这种情况，因此我最终会在图表上显示几个部分工具提示。 如果我再次hover在同一点上，我会得到另一个工具提示。 请参阅图片以获取示例。 （我会做一个小提琴，但jsfiddle不支持IE8）。 我已经尝试过分组工具提示，但这似乎没有帮助。 我删除了任何工具提示格式化程序，但这似乎也没有帮助。 我很乐意支持IE8上的工具提示。 任何想法发生了什么以及如何解决它？

Highcharts csv数据加载

我正在尝试加载高图基本柱形图的csv数据。 我在这里使用最新的数据模块方法而不像旧方法那样解析（ http://www.highcharts.com/docs/working-with-data/data-module ） 我已经加载了所有需要的js库和模块（高图，导出和数据文件）并使用了以下代码： HTML： Javascript： console.log(“Enters”) $.get(‘test.csv’, function(csv) { console.log(“Function”) $(‘#container’).highcharts({ chart: { type: ‘column’ }, data: { csv: csv }, title: { text: ‘Fruit Consumption’ }, yAxis: { title: { text: ‘Units’ } } }); }); console.log(“Function ends”); 我的屏幕为空，只有标题显示 我的控制台显示如下： Enters Function ends 在javascript代码中，$ .get函数不起作用，它不会进入内部。 这里出了什么问题？ 我在jquery和/或highcharts上缺少一些非常基础的东西吗？ 任何反馈都非常感谢 更新： 所以，我找到了这个链接，其中数据是从在线CSV文件加载的。 但是，没有其他链接显示从本地系统加载的数据。 我的文件位于：D：\ […]

将外部csv文件上传到highcharts不起作用

Highcharts Data loading using CSV $(function () { $.get(‘data.csv’, function(data) { $(‘#container’).highcharts({ chart: { type: “line” }, title: { text: “Fruit Consumtion” }, xAxis: { title:{ text:”time(in sec)” } }, yAxis: { title: { text: “pitch value” } }, data: { csv: data //csv: document.getElementById(‘csv’).innerHTML }, plotOptions: { series: { marker: { enabled: false } […]

（jQuery Highchart）如何将其作为横条？

我需要的是以下图表。 http://www.highcharts.com/demo/column-stacked 但不幸的是它是垂直的，因为我需要水平的 。 但是当我改变type: bar ，它会出现分离的条形，而原始的条形组合为一条。 我怎么能有它的工作？

如何在线高图中输入具有x轴和y轴值的系列数据？

我必须在折线图中显示一些实验结果。 我让它为静态数据工作，但我想让它变得动态。 所以我得到了： 我有一个折线图： var options = { chart: { renderTo: ‘container’, type: ‘line’, }, series: [{}] } 我想要这样的东西： http ： //jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/master/samples/highcharts/series/data-array-of-arrays/ 我正在努力制作这些数据： data: [ [0, 29.9], [1, 71.5], [3, 106.4] ] 在PHP端并发送它jquery，并提供给我的折线图。 我知道JSON编码，但我应该如何在PHP中创建和数组？ 我应该如何编码并将其提供给jquery并提供我的折线图？ 到目前为止，这对静态数据起作用： var arr = [[0, 15], [10, 50], [20, 56.5], [30, 46.5], [40, 22.1], [50, 2.5], [60, 27.7], [70, 55.7], […]