小编Str*_*ers的帖子

Highcharts - 如何以编程方式切换图例项并确定选择了哪些项

所以我有一些设计师的要求:

1)允许用户通过单击图表容器外部的链接来选择/取消选择所有图例项.这意味着我需要以编程方式打开或关闭图表中的所有项目,无论当前是否选择/取消选择任何项目.

2)确定在图表中选择(或启用)了哪些特定图例项目,以便我们可以从选择中生成另一个图表.

我没有看到使用API​​的方法,所以我想知道是否有人提出了可能的解决方案(或两者).

提前感谢任何指导.

javascript jquery highcharts

13
推荐指数
1
解决办法
1万
查看次数

以编程方式为高图散点图上的某个点触发单击事件

实际上我只是一个小要求,其中有一个带有点列表和下拉列表的散点图.当我从下拉列表中选择一个项目时,应该触发相应的数据点击.当我在图表上选择一个数据点时,必须执行一些操作,并根据选择更新下拉列表.

我们有什么方法可以做到这一点?

我试过firePointClick,事件是未定义的,我希望事件与我们在手动点击发生时获得的事件相同,还有其他方法吗?或任何改进

javascript highcharts highstock

5
推荐指数
2
解决办法
8675
查看次数

如何在highcharts中的x轴标签上添加工具提示?

如何在highcharts中的x轴标签上添加工具提示?

xAxis: {
  categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'],
  labels: {
    x: 5,
    useHTML: true,
    formatter: function () {
      return categoryImgs[this.value];
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

目前,工具提示仅显示在图表中的点上,我希望用户在悬停在x轴上的标签上时也能看到工具提示/自定义描述.那可能吗?谢谢

jquery tooltip labels highcharts axis-labels

4
推荐指数
1
解决办法
8629
查看次数

如何动态更改highcharts中的borderColor系列?

我正在使用以下代码来更改系列的bordercolor,但它没有用完.

chart.options.plotOptions.series.borderWidth = '3px';
chart.options.plotOptions.series.borderColor = '#FF0000';
Run Code Online (Sandbox Code Playgroud)

的jsfiddle

任何人都可以建议吗?谢谢.

javascript highcharts

3
推荐指数
1
解决办法
2590
查看次数

我们可以使用highcharts创建重叠的条形图吗?

在浏览不同类型的图表时,我遇到了一个类似于重叠条形图的图表

我们可以使用highcharts创建一个类似的或相同的图表吗?

我在一个关于TIBCO spotfire的论坛上看过这个

谢谢你的时间.

javascript charts highcharts

1
推荐指数
1
解决办法
5322
查看次数

在高图中改变x轴标签与轴的距离

我想在高图中增加x轴标题与x轴的距离.

以下是我的x轴代码.但使用此代码标题太靠近x轴.

我尝试使用x和y值,但输出没有差异.

    xAxis:
            {
                categories: [<?php echo $ffdat;?>],
                title:
                {
                    text: 'Overall Average Mean Time Between Failures: <?php echo round($avg, 2);?> Hrs.'
                },
            },
Run Code Online (Sandbox Code Playgroud)

php highcharts

1
推荐指数
1
解决办法
612
查看次数

在Highcharts组合条形图中控制条之间的间距

我在一个页面上有两个使用highcharts库绘制的条形图.我需要在这些图表中保持条形图的宽度和组中条形图之间的相同间距.容器的大小在图表中是不同的,并根据UI布局进行修复.

情节选项片段:

    series: {             
         grouping:true,
         groupPadding:0.12,
         borderWidth: 0,  
         events: {
           legendItemClick: function () {
           return false; 
           }
         }
    }
Run Code Online (Sandbox Code Playgroud)

我尝试了各种组合,这里有一个jsfiddle链接 - http://jsfiddle.net/U6mhy/29/

在上面的链接中,尽管两个图表之间的条宽度相同,但单个组中的条之间的间距不同.实际上,chart1中的条形似乎很难分组.

我已经尝试指定groupPadding,pointPadding和pointWidth的不同值,但无法在这些图表之间实现条形之间的一致间距.

请建议是否有任何其他选项组合可以帮助我实现这一目标.

-谢谢

spacing highcharts

0
推荐指数
1
解决办法
5831
查看次数