Tag: highcharts

HighChart的StockChart问题。 获得高级图表不是一个function

所以我有两个疑问: Q1: 我无法理解初始化高图表的两种方法之间的区别: 第一种方式: var lineChart = new Highcharts.Chart( { chart: { alignTicks: true, type : ‘StockChart’, renderTo : ‘container’, … 第二种方式: $(‘#container’).highcharts(‘StockChart’, { chart: { alignTicks: true, type : ‘StockChart’, renderTo : ‘container’, … Q2: 当在http://jsfiddle.net/ezk2mg72/上使用第二种方式时,我能够获得所需的结果,但在本地尝试时我得到以下exception: **Uncaught TypeError: $(…).highcharts is not a function** PS:根据建议的stackoverflow的不同post,js文件的顺序是正确的: (I have scripts in local) http://jsfiddle.net/ezk2mg72/

Highmaps IOS点击事件未触发

我正在使用Highmaps和Highcharts构建一个交互式地图Web应用程序。 这里有一个正在进行中的工作版本: http : //s3.eu-west-2.amazonaws.com/ds-active-travel/index.html 它在桌面浏览器(IE,Firefox,Chrome,Safari)上运行良好,但是当我单击IOS移动设备上的地图时,无论浏览器(Safari,Firefox,Chrome)如何,点击事件似乎都没有触发。 有趣的是,当我使用下拉列表选择节点时,它工作正常。 我已经尝试将地图中嵌入的匿名函数替换为下拉函数,但这看起来不起作用。 有没有人有任何想法导致这个? 编辑。 地图代码 function buildMap (container,mapData,mapApiData,mapColor,mapTitle) { var map = Highcharts.mapChart(container, { chart: { style : { fontFamily: ‘Roboto, sans-serif’, }, pinchType: ‘xy’ }, credits : { enabled: false }, mapNavigation: { enabled: true, buttonOptions: { verticalAlign: ‘bottom’ }, }, colorAxis: { tickPixelInterval: 100, // minColor: “#ffffff”, […]

Highcharts:如何在图表导出中更改图例位置?

我正在尝试将图表导出为各种格式。 虽然图表在浏览器渲染时看起来没问题,但在PDF / PNG / JPEG导出中,图例似乎是重叠的。 我应该更改/添加什么设置来更改图例的位置?

Highstock – 单线系列 – 基于触发器动态创建标记

我使用Highstock – 单线系列来绘制数据。 http://www.highcharts.com/stock/demo/basic-line 。 我想知道如何根据触发器在某些点上创建标记。如果在y轴上发生突然增加,我想在该点上创建一个标记(即突然增加发生在460到470之间,我想创建一个标记470)。我想在客户端进行。我怎么能这样做。任何人都可以帮忙。附上截图,理想我需要什么。我想在截图中突出显示的红色圆圈上创建标记。

highcharts和wordpress

有人可以概述向Wordpress添加高价图表的步骤。 例如,我在代码中添加了我的标题: 但这会导致服务器错误。 是否有任何人可以提供的步骤,包括基本图表,所以我可以看到它的工作。 谢谢。

如何用刷新的其他值更改高图图表的值

每当我使用新值更改高图的旧值时,高图仍会显示旧值。 每次我需要在新值添加并显示到高图之前刷新,但我不知道为什么。 有人可以帮我解决这个问题吗? 以下是我的jQuery部分代码,用于显示使用Highcharts插件的图表。 //charts // JavaScript Document $(function() { var chart; $(document).ready(function() { $.getJSON(“../php/termocouple/line_temp1.php”, function(json) { chart = new Highcharts.Chart({ chart: { renderTo: ‘chart1’, type: ‘line’ }, title: { text: ‘Termocouple Graph Result’ }, subtitle: { text: ” }, xAxis: { title: { text: ‘Sensor’ }, categories: [‘1’, ‘2’, ‘3’, ‘4’, ‘5’, ‘6’, ‘7’, […]

将系列数据从Java传递到Multi Y轴Highcharts

我刚开始学习JQuery和Highcharts。 我创建了一个带有静态数据的多Y轴高图。 我希望能够将数据从java传递给系列数据。 我该怎么做? 如何使JQuery代码从我的java类中获取数据并将其加载到highcharts中。 以下是我的代码: // MultiY.js $(document).ready(function() { chart1 = new Highcharts.Chart({ chart: { renderTo: ‘chart_1’, height: 350, }, title: { text: ‘Sample Highcharts’ }, xAxis: { categories: [‘4/28/2013’, ‘4/29/2013’, ‘4/30/2013’, ‘5/1/2013’, ‘5/2/2013’, ‘5/3/2013’, ‘5/4/2013’] }, yAxis: [{ opposite: true, title: { text: ‘Cost’, style: { color: ‘#dbf400’ } }, labels: { style: […]

Internet Explorer 10上的高图表渲染

将Highcharts条形图放入HTML表格时,它们的呈现效果不佳。 问题在这个小提琴中重现。 在IE 10中打开时可以看到渲染问题(在chrome中运行良好)。 var options = { colors: [“#3ACB35”, “#DE3A15”, “#FF9A00”, “#00B8F1”], chart: { renderTo: ‘Chart3container’, type: ‘bar’, backgroundColor: ‘black’, borderColor: ‘black’, borderWidth: 0, className: ‘dark-container’, plotBackgroundColor: ‘black’, plotBorderColor: ‘#000000’, plotBorderWidth: 0 }, credits: { enabled: false }, title: { text: ‘Count Per Category’, style: { color: ‘white’, font: ‘normal 22px “Segoe UI”‘ }, […]

在highchart中加载外部json文件

在HighCharts中加载外部JSON文件时,它在浏览器中不显示任何内容。 我有以下JSON数据。 我在我的HTML代码的head包含了highchart.js和jquery.js,但我仍然无法在浏览器中获得条形图。 检查控制台时,控制台中未显示错误。 var json = [{ “key”: “Apples”, “value”: “4” }, { “key”: “Pears”, “value”: “7” }, { “key”: “Bananas”, “value”: “9” }]; var processed_json = new Array(); $.map(json, function(obj, i) { processed_json.push([obj.key, parseInt(obj.value)]); }); $(‘#container’).highcharts({ chart: { type: ‘column’ }, xAxis: { type: “category” }, series: [{ data: processed_json }] });

如何在按钮点击时隐藏/显示高级图表的滚动条和范围选择器?

我希望在按钮单击时隐藏/显示导航器,滚动条和范围选择器。 似乎没有任何API。 .hide()隐藏整个图表。 任何对解决方案的参考都会有所帮助。