修复了 Highcharts 中的 y 轴标签宽度

2024-01-22

我正在构建一个数据演示,其中两个 Highcharts 图表垂直堆叠,旨在共享相同的 x 轴单位和对齐方式。就像这样:

请注意,由于两个图表的 y 轴范围不同,因此 y 轴标签的宽度不同,因此图表本身的宽度略有不同,破坏了良好的 x 轴对齐。

如果能够固定图表的宽度(或者相反的 y 轴标签)以确保两个图表对齐,那就太好了。我探索了 api,并尝试了直接在各种生成的元素上设置样式,但没有成功。使用自定义标签格式化程序似乎可以实现此目标,但是库存格式化程序(就像我没有定义任何自定义内容一样)对于缩写大数字等效果非常好。

关于如何修复图表或 y 轴标签宽度的想法?


如果您设置图表.marginLeft http://api.highcharts.com#chart.marginLeft选项,它将覆盖自动尺寸标签,以便 Y 轴对齐。

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

修复了 Highcharts 中的 y 轴标签宽度 的相关文章

  • 将附加数据添加到 Highcharts 上的饼图工具提示中

    我正在尝试使用 highcharts 将附加数据添加到我的饼图中 尝试解释一下 我有一个浏览器饼图 火狐 10 铬 12 探索者 65 歌剧 13 我想添加更多信息以在工具提示中显示 例如 火狐 10 其中女性用户 5 铬 12 其中女性用
  • Highcharts 使用格式化程序更改工具提示日期时间

    我有一个如下图所示的图表 默认情况下 每个工具提示值都位于其自己的工具提示 气泡 中 日期时间位于 Y 轴底部 悬停在 X 标签顶部 问题在于 更改日期时间的格式以匹配区域设置对于 Highcharts 来说不是动态的 我知道我可以让用户更
  • 如何在highcharts中设置动态数据

    我正在从 servlet 获取数据 我从 servlet 发送的 json 对象的 sysout 是 jsonArray bugzilla 20 redmind 14 现在我的java脚本是
  • 如何使用 JavaScript 动态更改 Highcharts 中的数据点

    我正在尝试改变现有系列中的一个点 通过查看 API 我一直在尝试以下操作 chart series 0 data 0 y 43 chart redraw 我确信我错过了一些简单的东西 但我无法弄清楚 感谢您的帮助 您不能只设置该值 Char
  • 如何获取 Highcharts 中某个点的索引?

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

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

    我正在用 Josh Kunst 的出色作品制作一个时间序列情节highcharterR 中的库 使用此数据 gt dput t structure c 2 2 267822980 325286564 66697091 239352431 9
  • highchart情节可以有移动动画吗?

    有没有什么方法可以让情节线通过动画移动到新位置 或者我必须使用其他插件吗 我想构建像二元期权或专家期权游戏一样的乐趣 这是我的简单演示 示例演示链接 http jsfiddle net krdh2e73 function Highchart
  • highcharts 可点击标签如何转到锚点

    我在 Backbone 应用程序中使用 Highcharts 在柱形图中显示一些信息 我使用图表中的数据标签来允许用户单击并移动到该数据点的详细信息页面 这不是正常的 window location 调用 而应该是 window locat
  • 自定义工具提示并将数字格式设置为 Highcharts 的小数点后 2 位

    我正在使用 Highcharts 图表来显示饼图 我想更改工具提示以显示实际的data字段以及系列名称来代替百分比值 这是 jsFiddle 上的示例 http jsfiddle net ha3tX 如果你检查上面的示例 你会发现两件事 工
  • 如何提高 highcharts 图表创建和渲染的性能

    我本地有一个文件JSON格式化数据 我创造了一点点PHP脚本在调用时回显该文件的输出AJAX 数据文件的大小是59k 我按照 highcharts 建议禁用动画和阴影 当我加载图表时 渲染需要非常非常长的时间 我已经粘贴了下面的脚本 我有什
  • Highcharts-more 的替代品

    As per npm https www npmjs com package highcharts morehighcharts more js 已弃用 我们只需要从 highcharts 文件夹中导入相应的模块即可 但是当我尝试删除 hi
  • Highcharts 异步服务器加载多个系列

    我正在尝试按照其示例使用 Highcharts 的延迟加载 http www highcharts com stock demo lazy loading http www highcharts com stock demo lazy lo
  • 如何在 Highcharts / Highstock 上显示 x 轴上的十字线选定值和 y 轴上选定的日期?

    我正在研究这个项目 其中包括在交互式图表上显示历史数据 我得出的结论是 Highcharts Highstock 是最好的选择 因为它提供了最多的定制选项 我想要实现的目标是 当我将鼠标悬停在一个点上时 分别在 x 轴和 y 轴上显示所选值
  • 使用 highcharts 时,为什么 Bootstrap 选项卡显示宽度不正确的选项卡窗格 div?

    因此 我正在使用 Twitter 的 Bootstrap 创建一个包含选项卡式内容的页面 但我的起始活动 div 的内容始终与其他选项卡的内容不同 例如 我在不同的选项卡中使用 highcharts js 放入图表 但活动选项卡始终显示正确
  • 更改 Highcharts 字体大小

    我正在考虑将 HighCharts 用于网页 具体来说 http www highcharts com demo column basic dark green http www highcharts com demo column bas
  • highcharts,设置堆积柱形图的最小高度?

    我有一个 3D 堆积柱形图 如果数据中有一些较大的值 则较小的值将不会显示在图表中 正如你所看到的 http jsfiddle net 43pv1a2q 6 http jsfiddle net 43pv1a2q 6 series name
  • 在 Highcharts 中对堆叠条形图进行分组

    我遇到的情况是 我需要将某些条形 列分组为逻辑分组以满足业务需求 我不在乎它是堆积条还是堆积柱 但我需要将某些堆栈分组在一起 各个堆栈仍然需要标记 Highcharts 是我当前的目标 但如果无法实现 我将考虑另一个库的想法 我对通过 pl
  • 从 JSON 创建 HighCharts-Column 类型

    我正在尝试使用以下格式的 json 数据创建列类型 highchart id 7 dateV 2015 11 16 count 10 id 6 dateV 2015 11 15 count 3 id 5 dateV 2015 11 14 c
  • 删除高图表上的导出和打印按钮插件

    我正在使用 MVC 目前正在使用 highchart 我正在使用 Exporting js 以便用户可以打印或导出 highchart 图表 我的视图中有两个图表 我想禁用其中一个图表的打印和导出 我怎样才能做到这一点 Exporting

随机推荐