标签: highcharts

对于我的一个项目我使用的是使用jQuery Highcharts制作的饼图.我想做的是显示我插入的值而不是父母.示例:图表显示firefox - 43.269 ...%而不是我想显示Firefox -45点击的值.谁能帮我这个.提前致谢.

图表代码

<!-- 1. Add these JavaScript inclusions in the head of your page -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    <script type="text/javascript" src="../js/highcharts.js"></script>

    <!-- 1a) Optional: add a theme file -->
    <!--
        <script type="text/javascript" src="../js/themes/gray.js"></script>
    -->

    <!-- 1b) Optional: the exporting module -->
    <script type="text/javascript" src="../js/modules/exporting.js"></script>


    <!-- 2. Add the JavaScript to initialize the chart on document ready -->
    <script type="text/javascript">

        var chart;
        $(document).ready(function() {
            chart = new Highcharts.Chart({
                chart: {
                    renderTo: 'browser_cart',
                    plotBackgroundColor: null,
                    plotBorderWidth: null, …

我有一个简单的柱形图,我通过AJAX更新,一切正常,但我在更新数据时无法更改图表的实际标题.

我试过了明显的 -

chart.title="new title";
//and
chart.title.text="New title";

等 - 无济于事,并没有成功在线找到解决方案.

任何帮助将不胜感激.

我是Angular和Flot的新手,但我对Jquery和Javascript很有经验.我对如何将Flot图表绑定到Angular数据模型感到困惑,因为Flot是一个JQuery插件.我四处寻找,但一直没能找到一个例子.

我也很乐意使用highcharts,谷歌图表或任何其他图表解决方案.

我们有一组包含事件实例计数的数据.这些只能是整数.当我们显示具有足够高yValue的数据时,yAxis标签是整数.但是,当我们放大到y = 5下的数据范围时,我们会看到刻度标记显示0.5,0.75,1.5等等.我们如何强制yAxis标签只显示整数值？

以下是包含一些数据的示例代码.当您放大图表的较低值区域时,您可以看到我的意思.这是当前的yAxis设置:

yAxis: {
  labels: {
    style: {
      fontSize: '9px',
      width: '175px'
    }
  },
  title: {
    text: ''
  }
},

我想要一个使用浏览器窗口调整大小的图表,但问题是高度固定为400px.这个JSFiddle示例有同样的问题.

我怎样才能做到这一点？我尝试使用chart.events.redraw事件处理程序来调整图表的大小(使用.setSize),但我猜它会启动一个永无止境的循环(fire事件处理程序,它调用setSize,它会触发另一个事件处理程序等).

我怎样才能让一个pie图表填充100%了的div它被包含在？该div具有的宽度198px和它的高度152px.

另外我想linear-gradient在每个馅饼切片中都有效果,你能建议怎么做吗？

我使用Highcharts图表来显示饼图.我想更改工具提示以显示实际data字段以及系列名称以代替百分比值.

以下是jsFiddle的示例

如果您查看上面的示例,您会发现两件事

1. 工具提示是:pointFormat:'{series.name}:{point.percentage}% '即

   浏览器份额:百分比值

我想表明:

Browser share: 40 (data value instead of percentage)

2.接下来是饼图中每个部分的显示文本.人们可以看到n小数点的数量,使图表看起来非常难看.

我想显示最多2个小数点的数字,如percentageDecimals: 1工具提示中所使用的那样.

我尝试了很少的东西,像series.data,它返回一个对象数组.还有series.data [0].但到目前为止没有成功

我怎么能做这两件事呢？

我正在使用Highcharts柱形图,我希望它是100%宽度响应图表.容器很简单<div>,没有任何格式.加载文档时,图表的宽度始终固定为600x400px.如果我调整窗口大小或切换到另一个浏览器选项卡,图表将填充宽度并成为响应全宽图表,就像我想要的那样.如果我重新加载页面,它再次固定宽度.我尝试将宽度设置为容器和图表,但是没有任何帮助.如果我将容器div移动到父div之上一级,它就可以工作.如何使图表在页面加载时变为全宽？

谢谢

我需要能够从按钮而不是图例中隐藏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();

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

我的问题是,当图表绘制区域小于高图工具提示时,工具提示的一部分被隐藏在溢出图表绘制区域的位置.

我希望工具提示始终可见,无论图表绘制区域的大小如何.

没有CSS设置有帮助,也没有更高的z-index设置帮助.

这是我的例子...... http://twitpic.com/9omgg5

任何帮助将主要是apreciated.

谢谢.