当前位置: 首页 > 面试题库 >

Highcharts-ng向下钻取

薄鸿远
2023-03-14
问题内容

我一直在我的angularjs项目中使用highcharts-
ng。一切都做得不错,但是现在我需要使用一些钻取来详细说明我的信息,并且无法使用drilldown.js正常工作。我遵循了在highcharts的向下钻取小提琴上给出的示例,但似乎与angular-
ng无关。如您在我的向下钻探复制中所见,原始的Highchart示例不适用于angular-
ng 。有什么问题的想法吗?

忽略下面的代码(stackoverflow在此问题中需要一些代码)

<div ng-app="myapp">
    <div ng-controller="myctrl">
        <highchart id="chart1" config="highchartsNG"></highchart>
    </div>
</div>

问题答案:

刚刚检查过的代码-该插件不支持Highcharts的追溯模块。

要允许向下钻取,请编辑源代码,大约〜104行添加向下钻取属性:

  // new code:
  if(config.drilldown) {
    mergedOptions.drilldown = config.drilldown;
  };      
  // old code:
  if(config.title) {
    mergedOptions.title = config.title;
  };
  if (config.subtitle) {
    mergedOptions.subtitle = config.subtitle;
  };
  if (config.credits) {
    mergedOptions.credits = config.credits;
  }


 类似资料:
  • Highcharts 饼图 以下实例演示了向下钻取饼图。 我们在前面的章节已经了解了 Highcharts 基本配置语法。接下来让我们来看下其他的配置。 配置 drilldown 配置 drilldown 用于向下钻取数据,通过点击某项深入到其中的具体数据。 drilldown: { series: drilldownSeries } 实例 文件名:highcharts_pie_dril

  • Highcharts-ng 是一个 AngularJS 的指令扩展,实现了在 AngularJS 应用中集成 Highcharts 图表库的功能。 演示地址:http://jsfiddle.net/pablojim/46rhz/ 使用方法: var myapp = angular.module('myapp', ["highcharts-ng"]); HTML: <highchart id="ch

  • 因为普罗米修斯是一个基于牵引的度量跟踪器。 现在假设我有一个简单的服务,我需要为Prometheus提供度量,现在我用该语言的一个客户机来做,将Prometheus配置为以15秒的频率轮询,这个度量API现在我有一个计数度量,Prometheus服务器在时间实例在时间t看到计数x,在时间t+15看到计数y 现在,由于报废间隔(拉动模型),我不知道计数x到y的增加是否有一个稳定的斜率,或者在t+10

  • 问题内容: 我正在尝试使用类似于JQuery 和的行为。只有我宁愿使用 我在这里查看ng-animate教程-http: //www.yearofmoo.com/2013/04/animation-in- angularjs.html , 我可以在提供的示例中再现淡入/淡出效果。 我如何更改CSS来获得向上/向下滑动的行为?另外,如果可能的话,最好让css不知道以像素为单位的组件高度。这样,我可以

  • Highcharts 条形图 以下实例演示了使用负值的,反向条形图。 实例 文件名:highcharts_bar_negative.htm <html> <head> <meta charset="UTF-8" /> <title>Highcharts 教程</title> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.m

  • 以下是具有向下钻取功能的饼图示例。 我们已经在Highcharts Configuration Syntax一章中看到了用于绘制图表的配置 。 现在,我们将讨论如何在钻取下添加一系列。 下面给出了具有向下钻取功能的饼图的示例。 配置 (Configurations) 现在让我们看看其他配置。 下钻(drilldown) 这是通过单击列或饼图等图表项来检查越来越高分辨率数据的概念。 drilldow