Tag: highcharts

使用highcharts从javascript语句更改marginLeft和marginRight

使用Highcharts,我如何只更改图表marginLeft和marginRight,然后从javascript语句重绘它。 我需要在我的代码中的某些地方重新调整图表边距。 http://jsfiddle.net/ovh9dwqc/ 我试过类似的东西: test = $(‘#container’).highcharts(); test.margin[4] = 50; test.redraw(); 但它没有用。

在Highchart的刻度上应用自定义样式

我想在Highcharts的xAis刻度上应用自定义样式。 我想以圆形而非线条的forms设置刻度。 像ticks.chart.renderer.cirlce(); 无法找到完成任务的方法。

在Highcharts中制作系列可点击

有谁知道如何使高图中的系列可点击? 如果您单击其中一个项目,它将带您到外部链接? 我仔细查看了文档,但在highcharts中找不到选项。 http://www.highcharts.com/docs/chart-concepts/series 这是文档中提供的小提琴。 如果有人可以使系列可点击,这将是真棒! http://jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/master/samples/highcharts/series/data-array-of-arrays/ $(function () { $(‘#container’).highcharts({ chart: { }, xAxis: { categories: [‘Jan’, ‘Feb’, ‘Mar’, ‘Apr’, ‘May’, ‘Jun’, ‘Jul’, ‘Aug’, ‘Sep’, ‘Oct’, ‘Nov’, ‘Dec’] }, series: [{ data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] }] }); }); 谢谢!

如何在yAxis零值(负/正图表)上设置Highcharts xAxis位置?

我想让我的xAx不低于我的图表,但在中间( 在yAxis零值上 )。 我还想拥有xAxis标签: 当它是负值时,在xAxis 之上 当xAxis为正值时,它低于xAxis 这就是我所拥有的: jsFiddle $(function () { $(‘#container’).highcharts({ xAxis: { showFirstLabel : true, showLastLabel : true, type : “category”, tickLength : 0, lineWidth : 2 }, series: [{ data: [ {name : ‘T1’, y: 123},{name : ‘T2’, y: 152},{name : ‘T3’, y: -120},{name : ‘T4’, y: 0},{name : ‘T5’, y: […]

在按钮上将图表hover在图表外时显示饼图的工具提示

http://jsfiddle.net/39UXK/4/ 在这个例子中,当我将鼠标hover在受尊重的按钮上时,我希望看到饼图的工具提示。 有人可以帮我吗? 干杯

Highcharts分类

检查这个小提琴,以了解我在说什么 这是我的xAxis配置: “xAxis”: { “categories”: [“Category ONE”, “Category TWO”], “allowDecimals”: false, “title”: { “text”: ” “, “align”: “middle”, “style”: { “color”: “steelblue” } }, “labels”: { “y”: 12, “style”: { “color”: “steelblue” } } }, 我需要将类别1和类别2分开几个像素(50,100,无论我想要多少),但无法找到解决此问题的方法。 我知道有一种方法可以用于系列,但是当你只想分开类别时就没有相应的东西。 提前致谢

渲染后在javascript中旋转圆环图

总而言之,我有一个客户要求使用高级图表创建圆环图,然后能够通过移动触摸移动事件或桌面上的鼠标移动事件来旋转圆环和标签。 我的客户正在使用hammer.js,jquery和high chart。 我不知道如何让圆环图旋转。 任何人都可以分享一些想法/样本或了解其他可能已经这样做过的图书馆吗? 这是一个高图表示例http://jsfiddle.net/skumar2013/nsDzn/圆环图。 任何帮助是极大的赞赏。 $(function () { var colors = Highcharts.getOptions().colors, categories = [‘MSIE’, ‘Firefox’, ‘Chrome’, ‘Safari’, ‘Opera’], name = ‘Browser brands’, data = [{ y: 55.11, color: colors[0], drilldown: { name: ‘MSIE versions’, categories: [‘MSIE 6.0’, ‘MSIE 7.0’, ‘MSIE 8.0’, ‘MSIE 9.0’], data: [10.85, 7.35, 33.06, 2.81], color: colors[0] } }, […]

Highcharts中的window.resize()

$(“#menu-toggle”).click(function(e) { e.preventDefault(); $(“#wrapper”).toggleClass(“toggled”); }); //High Chart JS $(function () { $(‘#container’).highcharts({ backgroundColor: { stops: [ [0, ‘#2a2a2b’], [1, ‘#3e3e40’] ] }, chart: { type: ‘area’, backgroundColor: “#000” }, title: { text: ‘US and USSR nuclear stockpiles’, color: ‘#fff’ }, subtitle: { text: ‘Source: ‘ + ‘Xylines’ }, xAxis: { allowDecimals: false, labels: { formatter: […]

Highcharts:将附加信息传递给工具提示

我有一系列数据点,我将其传递给看起来像的Highcharts图表 mydata = [{ x: 1, y: 3, nameList: [“name1”, “name2”] }, { x: 2, y: 4, nameList: [“name3”, “name4”] }] 我像这样构建图表: $(“#chart”).highcharts(“StockChart”, { series: [{ data: mydata }, { data: yourdata }] }); 现在,我希望能够从共享工具提示中访问nameList数组,我正在尝试执行以下操作: tooltip: { formatter: function() { var s = “”; $.each(this.points, function(i, point) { s += point.point.nameList; }); return s; }, […]

我们可以同步2个高图向下钻取,这样如果单击一个向下钻取,具有相同ID的其他图表将相应地向下钻取吗?

这是两个不同的高级图表,包含钻取数据。 我们可以同步高位图,这样如果点击第一个向下钻取’type1’,其他带’type1’的图表也会钻取吗? $(‘#drilldown-1’).highcharts({ series: [{ data: [{ name: ‘type1’, y: 5, drilldown: ‘type-1’ }], drilldown: { series: [{ id: ‘type-1’, data: [ [‘type1.1’, 4], [‘type1.2’, 2], [‘type1.3’, 1], [‘type1.4’, 2], [‘type1.5’, 1] ] }] } }] $(‘#drilldown-2’).highcharts({ series: [{ data: [{ name: ‘type1’, y: 5, drilldown: ‘type-1’ }], drilldown: { series: [{ id: ‘type-1’, data: […]