程序员经验分享-hwhale

对齐 Highcharts 中图例中的文本

2023-11-29

目前图例将文本左对齐。即 (-- 表示项目标签，在大多数情况下只是不同的颜色。

 ___________________
[-- Legend item 2   ]
[-- Legend item 3   ]
[-- Legend item 244 ]

我希望它能像这样

 ___________________
[--   Legend item 2 ] 
[--   Legend item 3 ]
[-- Legend item 244 ]

我尝试使用 itemStyle: textAlign: 'right' 但没有运气。这可能吗？


您可以设置 useHTML，然后定义宽度和文本对齐：

http://jsfiddle.net/5gjfW/2/

.highcharts-legend-item span {
    width:70px!important;
    text-align:right!important;
}

http://api.highcharts.com/highcharts#legend.useHTML

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

highcharts

对齐 Highcharts 中图例中的文本 的相关文章

  • 更改 HighCharts 中成交量列（高/低）的颜色

    我有一个简单的图表 显示下面带有成交量柱的烛台 http jsfiddle net T83Xy http jsfiddle net T83Xy 基本上 我想对柱子使用黑色和红色 具体取决于收盘价是否高于开盘价 我通过推送 Y data co

  • Highcharts 日期相差一天

    我以毫秒为单位传递 x 轴 然后将 x 轴定义为 xAxis type datetime 然而 Highcharts 似乎没有在 x 轴上获得准确的日期 而是相差一天 为了说明这一点 将鼠标悬停在任何条形图上 在这篇文章的底部拨弄 您将看到

  • Highmaps 多个系列在不禁用一个系列的情况下无法看到

    我有 2 个系列 如下所示 div div function Highcharts mapChart container chart

  • 在同一页面上同时使用 highcharts 和 highstock

    希望有人能帮忙 我尝试在单个页面上使用 highcharts 和 highstock 从 CDN 加载 最初我设置了各种 highcharts 带向下钻取的仪表和条形图 并使用以下所有内容都工作正常

  • Highcharts 有“趋势线”功能吗？

    基本上 我试图让 Highcharts 自动绘制从第一个数据点到最后一个数据点的直线 以便我可以更轻松地看到 总体趋势 我相信这被称为 趋势线 或其他东西 但我在文档中没有找到与之相关的任何内容 不过 它很可能仍然具有此功能 可以 据我所知

  • 自定义 highcharts 工具提示以显示日期时间

    我正在开发一个项目 预计会显示此图 http jsfiddle net Kc23N http jsfiddle net Kc23N 当我单击一个点 工具提示 时 我想显示一个可以理解的日期 而不是以毫秒为单位的值 我认为需要更改这段代码 t

  • 重叠数据标签折线图高图

    How i can solve the problem of the values dataLabels below 我的 JSFiddle http jsfiddle net 3kVJS 3 http jsfiddle net 3kVJS

  • 数据按用户分组为每周、每月

    我有一个高库存折线图 显示给定股票的每日和每周股价 问题是 当数据数组足够大时 每日数据点将被 采样 为每周数据点 而每周数据点将被采样为每月数据点 有什么方法可以根据需要将用户设置为每周或每月 提前致谢 检查一下数据分组 http www

  • Highcharts 使用格式化程序更改工具提示日期时间

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

  • 使用 highcharts 在堆栈标签中显示特定系列值

    这是我正在处理的内容 http jsfiddle net josip0423 prJjY 171 http jsfiddle net josip0423 prJjY 171 过去几个小时我一直在努力解决这个问题 但一无所获 我对 javas

  • 将系列列表传递给 SetSeries

    我将 DotNet Highcharts 与 Visual Studio 2010 结合使用 我创建了一个系列数组 List

  • Highcharts 在导出时添加图像

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

  • Highcharts - 触发 legendItemClick 事件

    我想触发与当您选择项目图例但从外部 html 按钮时触发的事件相同的事件 是否可以 我创建了一个 jsfiddle 来展示它 http jsfiddle net YcJF8 1 http jsfiddle net YcJF8 1 conta

  • Highcharts 工具提示裁剪

    我正在使用高图表 但遇到了较大的工具提示在 SVG 外部元素处被裁剪的问题 如下图所示 选项useHTML工具提示和 xAxis 设置为 true 因为我正在应用一些自定义 CSS 这些元素 有没有办法让工具提示不被裁剪 我的 highch

  • Highcharter 已弃用函数的输出与建议的不同

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

  • 在 Highcharts (React Native) 上触发点击事件时，无法执行除“警报”之外的任何其他操作

    我在 React Native 中使用 Highcharts 对于条形图 我定义了以下单击事件 plotOptions series cursor pointer point events click gt alert Clicked 我想

  • 具有 yaxis max 属性的 Highcharts 不会隐藏绘图带和标签

    我创建了两个 jsfiddle 来演示我的问题 第一个 jsfiddle 是我需要的 第二个 jsfiddle 是我遇到的问题 这个jsfiddle https jsfiddle net n5ua6krj 1 https jsfiddle

  • Highcharts 蜘蛛网标签重叠（顶部和底部）

    我使用 highcharts 创建了蜘蛛网图表 但我在最顶部和最底部的标签中发现了重叠的标签 我尝试包裹它们 也尝试交错标签 但我无法阻止它们重叠 function spiderchartFull highcharts chart pola

  • 单击 hPlot 图表中闪亮的数据点时打印组名称

    我有一个闪亮的应用程序 它使用 rCharts 中的 highcharts 库显示一些图表 在某些情况下 我在单个图表上有多个图表 这些图表是使用 hPlot 中的组选项创建的 我希望在单击图表时打印单个数据点的所有参数 x y 和组值 我

  • Highcharts-more 的替代品

    As per npm https www npmjs com package highcharts morehighcharts more js 已弃用 我们只需要从 highcharts 文件夹中导入相应的模块即可 但是当我尝试删除 hi

随机推荐

  • pthread_create 和 EAGAIN

    当尝试使用 pthread create 生成线程时 我得到了 EAGAIN 但是 根据我的检查 线程似乎已正确终止 当尝试使用 pthread create 创建线程时 是什么决定了操作系统给出 EAGAIN 未关闭的套接字 文件句柄是否

  • 如何阻止 chromedriver 自动打开设置选项卡？

    当我运行 ruby watir 脚本来打开 chrome 浏览器时 它还会打开另一个地址为 chrome settings help 的 chrome 选项卡 并将焦点设置在该选项卡上 如何禁用创建此类附加选项卡 更新 我将 chromed

  • 如何以编程方式设置 SharedPreferences 的默认值？

    我正在使用 SharedPreferences 来保存有关用户体重的信息 这是我的应用程序中需要的 问题是 如何在安装后自动设置一个默认值 例如75公斤 我知道如何通过 xml 执行此操作 但如何以编程方式执行此操作 My code pub

  • 在 Kotlin 序列的嵌套对象中使用 Yield

    我想流式传输 Spring JDBC 捕获的结果对象RowCallbackHandler通过 Kotlin 使用Sequence 代码基本上是这样的 fun findManyObjects Sequence

  • 添加 shell 弹出项目标题

    在 Xamarin Shell 中 我尝试向弹出项目添加标题 请参见下图 取自 Xaminals 项目 类别 文本是不可点击或不可导航的标题 只是一个静态模板 我找到一篇文章here但它没有源代码 我无法构建一个工作示例 我怎样才能实现这样

  • 如何在 ActionScript 3 中嵌入静态文本？

    我想嵌入静态文本 基本上是为了帮助文件 就像是 const help String This is a help line 除了它会从文件中获取它 const help String retrieve text from a static

  • angular.element 与 document.getElementById 或带有旋转（忙）控制的 jQuery 选择器

    我正在使用旋转控件的 Angularized 版本 如下所示 http blog xvitcoder com adding a weel progress indicator to your angularjs application 对于

  • 为什么类方法中的局部静态变量对 nil 的初始赋值只发生一次？

    NSArray motivations static NSArray motivations nil if motivations motivations NSArray alloc initWithObjects Greed Reveng

  • android：旋转器的每个项目都有不同的颜色

    我有一个微调器 我希望其中每个项目的文本具有不同的颜色 例如 在 item0 上 文本应为红色 在 item1 上 文本应为蓝色 在 item2 上 文本应为绿色 我尝试将要更改的项目设置为 textView 并更改 textview 的颜

  • 如何获取Core Data中MOMD文件的路径

    嘿伙计们 我见过this问题并使用过 self managedObjectContent NSManagedObjectModel mergedModelFromBundles nil 然而 在我的代码中 我希望能够通过 NSLog 打印文

  • 从数据库中检索 Base64 图像

    我创建了简单的表并存储了带有 base64 的图像作为 TEXT 当我尝试从数据库中获取所有数据时 它运行良好 除了图像显示在网站上 如下面的代码所示 LzlqLzRBQVFTa1pKUmdBQkFRQUFBUUFCQUFELzJ3QkRB

  • Android JNA UnsatisfiedLinkError：未找到本机库 (com/sun/jna/xxx/libjnidispatch.so)

    嘿 我正在尝试使用 JNA 和 libvirt java 绑定建立一个 android studio 项目 这就是到目前为止项目结构的样子 however the solution did not work for me 到目前为止 这尚未

  • 根据输入的数字显示星号[关闭]

    Closed 这个问题不符合堆栈溢出指南 目前不接受答案 制作一个根据用户输入的数字显示星号的简单程序的代码是什么 我希望它像这样 Enter 1st Integer 2 Enter 2nd Integer 3 Enter 3rd Inte

  • 播放视频前询问要播放的视频播放器

    我有一个可以播放互联网视频的应用程序 当只有一个视频播放器 默认播放器 时它可以正常工作 但当有更多视频播放器时它会失败 所以我想做的是在播放视频之前询问要播放的播放器 我找到了这个帖子 android 已安装媒体播放器列表 但即使我这样做

  • 区分 iPad 方向和尺寸类别

    Apple 推出 iOS 8尺码等级用于处理应用程序的布局 我们鼓励开发人员根据活动尺寸类别调整应用程序的布局 而不是根据设备 屏幕尺寸和方向来设计用户界面 我认为这是一个很好的举措 However when it comes to the

  • 如果从同一域打开深层链接将不起作用

    我花了几个小时试图让我的深层链接发挥作用 我仍然遇到的唯一问题是 如果从应该由应用程序处理的域打开链接 它将无法工作 但如果从任何其他网站单击链接 它就可以正常工作 例如 应打开应用程序的链接 https example34 com tes

  • 我可以使用掩码通过 Boost 迭代目录中的文件吗？

    我想迭代目录中匹配类似内容的所有文件somefiles txt Does boost filesystem有内置的东西可以做到这一点 还是我需要一个正则表达式或针对每个的东西leaf EDIT 如评论中所述 下面的代码对于以下版本有效boo

  • 将数组合并到对象中到 MongoDB 中

    说明 我必须数组TV and values我想将其合并为对象一侧的一个数组 TV values将作为一个数组输出 TV T 2018 05 05T09 00 00 000Z V 1 3 T 2018 05 05T09 00 00 000Z

  • 如何将多行输出连接到一行？

    如果我运行命令cat file grep pattern 我得到很多行输出 如何将所有行连接成一行 有效地替换每一行 n with 以 后跟空格 cat file grep pattern xargs sed s n g不适合我 Use t

  • 对齐 Highcharts 中图例中的文本

    目前图例将文本左对齐 即 表示项目标签 在大多数情况下只是不同的颜色 Legend item 2 Legend item 3 Legend item 244 我希望它能像这样 Legend item 2 Legend item 3 Lege

热门标签