Highcharts - 在多个级别和多个布局树形图中隐藏子标签

2024-01-10

在高图表上,我有一个treemap with 2 levels,每个都有一个不同的布局算法。现在我想把我们能看到的限制到目前的水平。这意味着在第 1 级,我不想看到2级的标签,仅在向下钻取时才会出现(并且级别 1 的标签将消失)。

我知道这很容易levelIsConstant: false,但这仅适用于 1 个级别,我使用 2 个级别是因为我需要不同的布局。

这是我目前拥有的链接:

series: [{
  type: "treemap",
  allowDrillToNode: true,
  alternateStartingDirection: true,
  levels: [{
    level: 1,
    layoutAlgorithm: 'squarified',
    dataLabels: {
      enabled: true,
      align: 'left',
      verticalAlign: 'top',
      style: {
        fontSize: '15px',
        fontWeight: 'bold'
      }
    }
  }, {
    level: 2,
    layoutAlgorithm: 'stripes',
    color: 'blue'
  }],
  //...

http://jsfiddle.net/dhfera2y/2/ http://jsfiddle.net/dhfera2y/2/

我希望隐藏所有名称以及分隔它们的线。

EDIT:在每个级别上使用 rgba 颜色,我可以隐藏其下面的节点,但我仍然无法隐藏它们的标签!


谢谢,对于标签问题来说,这是一个聪明的主意,但正如我所说,我不能使用levelIsConstant: false因为我每时每刻都需要为每个级别提供不同的布局。使用此解决方案,当我位于顶层时,两个级别都可以具有不同的布局,但是当我向下钻取时,我很快就会失去新视图的正确布局。

几乎 :-)

EDIT :好吧,我终于成功了。我认为以我尝试的方式实现这一目标是不可能的,即使用parent系列的每个子点的选项,以确定树的层次结构。因此,我没有使用具有层次结构的一个系列,而是使用一个系列作为顶层,并将其链接到下面级别的多个系列。 我能够做到这一点要感谢向下钻取 option.

我在官方文档中找到了解决方案:http://www.highcharts.com/docs/chart-concepts/drilldown http://www.highcharts.com/docs/chart-concepts/drilldown

我调整了代码,就ok了。这是我想出的解决方案(它与我的第一个链接不同):http://jsfiddle.net/ff964fog/47/ http://jsfiddle.net/ff964fog/47/

series: [{
      type: 'treemap',
      layoutAlgorithm: 'squarified',
      borderWidth: 3,
      data: modulesData
    }],
    drilldown: {
      series: servicesSerie
    },

我仍然需要调整一些东西(比如底层动画的消失),但最终我得到了我想要的!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Highcharts - 在多个级别和多个布局树形图中隐藏子标签 的相关文章

  • 渲染图表后,从图表对象更改 Highcharts 工具提示格式化程序

    我发现我可以使用 setData 更改系列 并且我知道我可以使用 setExtremes 修改最大值 但我无法弄清楚如何从图表对象设置工具提示格式化程序 我如何更新该字段 如果我有一个图表对象 如何更新其工具提示格式化程序属性 以及plot
  • highcharts 弄错了我的时间

    highcharts 弄错了我的时间 我来自委内瑞拉 以防万一 我正在做一个实时系统 我可以在数据库中获取时间 秒和毫秒 例如 10 39 09 2 我应用 strtotime time 然后通过 json 发送到图表 在我的高图表中 我进
  • 为什么负边距会影响我的页面宽度?

    请参考以下内容example http jsfiddle net wdm954 Fcznp 9 其中 200px 宽的外部 div 旨在确定我们的页面宽度 它包含一个 400px 宽的内部 div 但左 右负边距为 100px 我预期的最终
  • Highcharts 在导出时添加图像

    我使用具有导出功能的 Highcharts 根据我的理解 将图像添加到图表中 我可以使用渲染器 该渲染器工作正常 但我不希望图像 徽标 出现在应用程序中的图表上 我希望它出现仅在出口时 我该如何做到这一点 你应该使用图表选项 http ap
  • 在 strings.xml 中存储十六进制颜色值

    我正在尝试存储hex colorstrings xml 中我的文本的值 因此所有布局文件都将引用该值 以便能够轻松快速更改项目的所有布局文本 但是我在引用它时遇到了麻烦 Using android textColor FFFFFF 在我的
  • 使用 Highcharts 和 React 创建条形图 - 出现未找到渲染 div 的错误

    我正在尝试在我的 Web 应用程序中使用 Highcharts 创建条形图 该应用程序在前端使用 React 下面是我的仪表板 tsx 文件的片段 我基本上只是从 JSFiddle 复制并粘贴了代码 http jsfiddle net 8q
  • 如何获取 Highcharts 中某个点的索引?

    我正在使用 Highcharts 的 具有不规则间隔的时间数据 图表 如您所知 当鼠标移动到线条点上时 格式化程序函数将运行并显示一些信息 我想知道鼠标在其上移动的点的索引 因此 如果鼠标移动到该线的第一个点上 工具提示将显示 1 第二个点
  • 将 Highcharts 导出为 PDF(使用 javascript 和本地服务器 - 无互联网连接)

    我在我的应用程序中使用 Highcharts 没有任何互联网连接 我的 html 页面上有多个图表 我想生成一个包含该页面中所有图表的 PDF 报告 我怎样才能做到这一点而不将数据发送到互联网上的任何服务器 我将感谢您提供的任何帮助或任何示
  • Android TableLayout 宽度

    我有两列TableLayout作为滚动视图的唯一子视图 第一列包含TextViews labels 并且第二列包含EditText Spinner DateWidget等等 价值观 尽管我已指定android layout width fi
  • Android:焦点时改变样式

    我有这个自定义布局 LinearLayout FrameLayout ImageView TextView 此布局对点击事件做出反应 使用LinearLayout setOnClickListener 并使用可聚焦android focus
  • 以编程方式创建 UILabel

    我通过代码执行了以下操作 UILabel label UILabel alloc initWithFrame CGRectMake 40 70 300 50 label backgroundColor UIColor clearColor
  • 使用 CSS3 计算值

    CSS3有没有办法实现这一点 height 100 110px 我的背景 你不能用纯 CSS 来计算它 正如 Litek 提到的 它不适用于所有浏览器 但是有一种组织方法可以处理这个问题 但是您需要将元素包装在另一个浏览器中 body he
  • BlackBerry - 带居中位图的 ButtonField

    我有一个从 ButtonField 扩展的类 class BitmapButtonField extends ButtonField private Bitmap bitmap private int buttonWidth private
  • 如何在android listview或线性布局中动态设置marginBottom?

    friends 我想使用java代码或动态设置layout marginBottom 在列表视图或线性布局中 有人指导我如何实现这一目标吗 任何帮助 将不胜感激 ListView lst getListView LinearLayout L
  • Highcharter 已弃用函数的输出与建议的不同

    我正在用 Josh Kunst 的出色作品制作一个时间序列情节highcharterR 中的库 使用此数据 gt dput t structure c 2 2 267822980 325286564 66697091 239352431 9
  • Highcharts.js 中的列之间的空间

    我有一个柱形图 其中对于每个 X 值我有两个系列 但该图显示每个 X 值之间的间距很宽 在 Highchart 中如何使列和 y 轴之间有 1px 的空间 Update pointPadding 0 2 to pointPadding 0
  • Android 布局崩溃

    I use a XWalkView https crosswalk project org 加载网页和视频查看器 https github com Bilibili ijkplayer在我的应用程序中播放实时视频 我希望 IjkVideoV
  • 在react-highcharts中动态更改系列数据,无需重新渲染图表

    I have created a line chart using react highcharts It has 3 series and different data for each of them And I have a rang
  • android:widgetLayout 和 android:layout 之间的区别?

    我得到一些奇怪的配置 其中 widgetLayout 配置列表项的内部空间 而布局配置整个项目列表和屏幕背景 有人能真正解释一下什么是 widgetLayout 吗 android layout 整个首选项的布局 包括标题 摘要和小部件 a
  • 设置 LinearLayout 的最大宽度

    如何设置水平线的最大宽度LinearLayout 因此 如果内容较短 例如某些文本 布局会缩小 如果内容较长 则布局不会扩展超过某个最大宽度值 我更喜欢在 XML 级别执行此操作 这就是我所需要的超出了之前答案中的建议 https stac

随机推荐

  • Twitter bootstrap 响应式布局中的最小宽度

    有没有办法告诉 bootstrap 当分辨率小于以下值时不要缩小元素 Portrait tablet to landscape and desktop media min width 768px and max width 979px 我想
  • 如何将有理数格式化为小数?

    给定一个任意大 或小 Rational具有有限十进制表示形式的数字 例如 r Rational 1 2 15 gt 1 32768 如何以字符串形式获取其完整的十进制值 上述数字的预期输出是 0 000030517578125 to f显然
  • 如何使用 java JDBC 获取 MySql 的数据库“架构”名称列表

    如何使用 java JDBC 获取 MySql 的数据库 架构 名称列表 The getSchemas DatabaseMetaData 的方法是显而易见的 但对于 MySQL 你必须使用getCatalogs http download
  • 在没有forceRTL的情况下反应原生阿拉伯语(RTL)

    在 RN 我的双语应用程序 英语 阿拉伯语 中 我使用了I18nManager 意见 和I18n 用于翻译 当我将应用程序语言更改为阿拉伯语时 整个应用程序会使用以下代码从启动屏幕再次重新加载 I18nManager forceRTL tr
  • 为什么 get_weights 返回一个空列表?

    我正在自学数据科学 一些奇怪的东西引起了我的注意 在我正在编写的 DNN 示例教程中 我发现 Keraslayer get weights 函数为我的变量返回空列表 我已成功交叉验证并使用model fit 函数来计算召回分数 但当我尝试使
  • 如何使用 javascript 检测 iPhone/Android 从睡眠中唤醒

    我正在构建一个使用 sockets io 的网站 网络应用程序 目前 如果用户在 iphone 上使用 safari 并且锁定屏幕 变黑 我的套接字连接将关闭 这个不错 我想要这个 然而 当他们解锁屏幕 或从睡眠中醒来 时 我想用 java
  • 内联过滤 django admin - 限制选择列表

    鉴于我的内联管理 class TestInlineAdmin admin TabularInline model Test questions through extra 0 and then class QuestionAdmin adm
  • 无法将 UIButton 的自定义类更改为 GIDSignInButton

    我正在尝试将 Google 登录功能添加到自定义按钮 并且我正在关注this https www appcoda com google sign in how to 教程 它告诉我选择按钮 并将其类别设置为GIDSignInButton 然
  • 人们对 DVCS 化石有何看法? [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • 更新进程内的 GUI 项目

    我正在尝试为我的应用程序制作 GUI 但遇到了问题 使用PySimpleGUI我必须首先定义布局 然后才显示整个窗口 现在的代码是这样的 import PySimpleGUI as sg layout sg Text Input sg In
  • 可空字符串 (string?) 和初始化为可原谅空值的字符串 (字符串 s = null!) 之间有什么区别

    可空字符串 string 和初始化为可原谅空值的字符串 字符串 s null 之间有什么区别 public string nullableString get set null public string forgiveString get
  • “Visual Studio 需要更新版本的 Windows 才能显示此内容。”

    收到错误 Visual Studio 需要更新版本的 Windows 才能显示此内容 在 Xamarin 中使用 XAML 设计器工具时 关于我如何追踪其来源有什么想法吗 我使用的是 Windows 10 和 Visual Studio 2
  • 如何将 /?lang=en 重定向到 /en?

    我在将多语言网站重定向到一页时遇到问题 我的 htaccess 重定向无法正常运行 我需要有关如何完成此操作的帮助 在我的 htaccess 中 当我添加这两行时 RewriteCond QUERY STRING lang en Rewri
  • 需要 Google 地理编码返回英文城市名称

    我有这个代码用于请求谷歌更正输入的地址 并需要它返回城市的英文名称 function gmap query xml in address base url http maps google com maps geo output xml r
  • 反应本机 100+ 项目平面列表性能非常慢

    我有一个列表 只是简单的文本 可以在 React Native 上渲染为平面列表 但我遇到了非常非常慢的性能 这使得应用程序无法使用 我该如何解决这个问题 我的代码是
  • 为什么 Task 在我的项目中不可等待?

    我有一个针对 NET 4 框架的项目 并且我创建了一个更新数据库中数据的方法 该方法本身还使用一个标志 runAsync 来确定是否应该异步运行 我收到错误 System Threading Tasks Task 不可等待 但我在另一个应用
  • 按拆分列排序

    我有一个名为 id 的专栏 4 1 2 10 0 4 1 2 3 0 4 1 2 4 0 6 1 20 0 0 6 1 3 0 0 etc 我想做的是包含一个 ORDER BY 语句来分割 字符串 变成这样 4 1 2 3 0 4 1 2
  • 稀疏矩阵的列元素相乘

    我有一个稀疏的 csc 矩阵 其中有许多零元素 我想计算每行所有列元素的乘积 i e A 1 2 0 0 2 0 3 0 应转换为 V 2 6 使用 numpy 密集矩阵 可以通过将所有零值替换为一个值并使用A prod 1 然而 这不是一
  • JFreeChart TimeSeries Chart 删除没有值的日期

    有没有一种简单的方法可以删除没有价值的日子 这是我的一些数据 12 04 2012 gt 15 13 04 2012 gt 12 15 04 2012 gt 10 16 04 2012 gt 5 图表中绘制了 14 04 2012 我的意思
  • Highcharts - 在多个级别和多个布局树形图中隐藏子标签

    在高图表上 我有一个treemap with 2 levels 每个都有一个不同的布局算法 现在我想把我们能看到的限制到目前的水平 这意味着在第 1 级 我不想看到2级的标签 仅在向下钻取时才会出现 并且级别 1 的标签将消失 我知道这很容