标签: highcharts

我需要能够从按钮而不是图例中隐藏Highcharts系列(原因是我需要从一个按钮切换多个组:在Highcharts和jQuery中隐藏系列的_groups_:如何获得可接受的性能？以及在那篇帖子中给出的理由,我不能用$(chart.series).each()jQuery.

以下表达式都没有任何效果(我的图表对象被命名chart):

Chart.series.get(1).hide();
chart.series.get(1).hide();
$(chart.series[1]).hide();
$(chart.series["1"]).hide();
$(chart.series[1]).hide();
$(chart.series)["1"].hide();
$(chart.series)[1].hide();

如果我知道它的索引,有人可以告诉我如何隐藏图表系列吗？谢谢.

如何在Highcharts js-script中隐藏默认状态的行？

我的画布上有~7个系列,其中3-4个是可选的,我想在页面加载时将它们隐藏起来,但也要在图例中显示它们,告知用户,如果想要他可以启用它们

我正在使用highcharts.当我在我的系列中得到小数字时,y轴开始使用浮动数字.无论我的数据如何,我如何强制它只使用整数？

注意:我的最小设置为"4",因此即使有一个结果,y轴范围也将是0-4.

我正在使用highcharts并且无法确定日期输入应该是从rails日期到日期的highcharts接受格式.

在我的迁移文件中,我存储的日期如下:

t.date :consumption_date

该值以"2012-03-25"格式存储,然后转到终端找到记录,我得到了这个:

=>  Sat, 31 Mar 2012

图表呈现时,各个点显示无效日期.以下数组输出到highcharts进行渲染

[[Sun, 25 Mar 2012, 1158], [Sat, 31 Mar 2012, 1200]]

当jQuery中提交数据时,highcharts在其中一个演示图表中使用的格式如下:

[[Date.UTC(1970,  9, 27), 0   ], [Date.UTC(1970, 10, 10), 0.6 ]]

如何通过向highcharts提交正确的日期格式来消除无效日期.

我一直在寻找使用Highcharts库生成最简单的圆环图的解决方案.然而,Highcharts的所有例子都显示了内部馅饼和外部甜甜圈的图表样式(参见:http://www.highcharts.com/demo/pie-donut)

我怎样才能摆脱内心的馅饼,只需保留外面的甜甜圈,就像其他图书馆一样？(像RGraph:http://www.rgraph.net/examples/donut.html )

谢谢.

如果我使用默认的Highcharts工具提示,它会显示一个圆圈图表数据的颜色(http://jsfiddle.net/WOUNDEDStevenJones/mpMvk/1/上的浅蓝/黑色圆圈):

但是,如果您在工具提示(http://jsfiddle.net/WOUNDEDStevenJones/4vd7J/)上使用自定义格式,则不会显示颜色:

如何在自定义格式化工具提示中获取/使用该颜色？据我所知,他们的文档中没有任何内容(http://api.highcharts.com/highcharts#tooltip.formatter)解释如何在自定义格式化工具提示中使用它.

这默认显示工具提示中的数据颜色:

tooltip: {
    shared: true
}

但这不是:

tooltip: {
    formatter: function() {
        var s = '<b>'+ this.x +'</b>';

        $.each(this.points, function(i, point) {
            s += '<br/>'+ point.series.name +': '+
                    point.y +'m';
        });

        return s;
    },
    shared: true
},

我正在页面上输出一系列高级图表.在某些情况下,指定时间段内的所有数据可能会返回0值.

在这种情况下,图表如下所示:http://jsfiddle.net/charliegriefer/KM2Jx/1/

只有1个y轴标签,0,它位于图表的中间.

我想强制y轴的0值位于图表的底部,这与页面上有数据的其他图表一致.

尝试了各种yAxis属性,例如"min:0","minPadding:0","maxPadding:0","startOnTick:true".

似乎它应该非常简单,但我不知所措:(

相关的yAxis代码:

yAxis: {
    min: 0, 
    minPadding: 0, 
    startOnTick: true, 
    title: {
        text: ""
    }
},

需要找到一种方法来表示带有错误条的图形,但似乎它现在还没有支持highchart.我的计划是使用堆栈列条形图0,将Y降低为透明,将Y降低到Y,用红色或我稍后要选择的任何东西.

我的问题是:

无论高图中的缩放级别如何,是否可以将堆栈列条宽度限制为1px？

感谢您的投入!

在我的JSP应用程序中运行HighCharts时出现此错误.

Uncaught TypeError: $(...).highcharts is not a function(anonymous function) @ VendorReports:125n.Callbacks.j @ jquery-1.11.0.js:893n.Callbacks.k.fireWith @ jquery-1.11.0.js:928n.extend.ready @ jquery-1.11.0.js:982K @ jquery-1.11.0.js:989

请建议做什么

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

$(function () {
    $('#container').highcharts({
        colors: ["#7cb5ec", "#f7a35c"],
        chart: {
            type: 'column'
        },
        title: {
            text: 'Total fruit consumtion, grouped by gender'
        },
        xAxis: {
           categories: ['Apples' ]
        },
        yAxis: {
            allowDecimals: false,
            min: 0,
            title: {
                text: 'Number of fruits'
            }
            //Nothing wrong with this code

我想在HighCharts的馅饼/甜甜圈图表的中心放置一个标题.

我没有在图表选项中看到任何可以直接启用它的内容,所以我认为它需要使用Highcharts SVG渲染器 - chart.renderer.text('My Text', x, y).

我有这个设置,但我不能让文本在馅饼中居中.x和y值似乎不接受百分比.是否有一种程序化的方法让它在情节中居中,并在容器大小调整中存活？

更新:将x和y设置为50%可以使圆圈居中(使用renderer.circle(x, y, radius)),但不能居中(使用renderer.text(text, x, y)).

请在此处查看结果:http://jsfiddle.net/supertrue/e2qpa/