highcharts - Highcharts:将毫米转换为像素
问题描述
你好,社区,
我还有一个关于 Highcharts 的问题。我正在与设计师密切合作,他们更愿意为他们提供具有预定义高度、宽度和文本大小的图表,以毫米(而不是像素)为单位。那是因为最终这些图表将在报告中打印出来。
现在设计师将他们想要的特定图表的值(以毫米为单位)输入到电子表格中,我在制作图表之前将所有这些值转换为 px。
要将像素转换为 mm,我使用:px = mm * DPI / 25.4,因为 1in = 25.4 mm。
对于点 (pt) 到像素,我使用:px = pt * DPI/72,因为 1pt = 1in 的 1/72。
其中 DPI 是给我的变量:通常是 300。
然而,字体大小往往比应有的大得多(当我想要 12 pt 时,它在图表上看起来是 20 pt),而且图表尺寸似乎也是错误的。
我的第一个问题:我的计算看起来正确吗?(恐怕我不是图像专家)。我的第二个问题:在 Highcharts 上配置图表时,是否有办法以不同于像素的格式指定图表维度?
非常感谢你!
解决方案
您可以使用一些已经存在的转换器来获取这些值,例如:https ://www.unitconverters.net/typography/millimeter-to-pixel-x.htm
您可以使用 CSS 为内部呈现图表的容器设置参数,演示:https ://jsfiddle.net/BlackLabel/vu41gdt6/
#container { height: 15rem; width: 15rem; }
考虑为您的 Web 应用程序上的图表使用常规 CSS 单位,并仅根据打印需要更改它们。
API:https ://api.highcharts.com/highcharts/chart.events.beforePrint
推荐阅读
- ios - 仅在调试配置模式下,iOS 应用程序在启动屏幕后关闭/崩溃
- ruby - 有条件地使规范待定
- node.js - 如何从剧作家那里读取文本框值
- android - android 10 BitmapFactory.decodeFile(ImageFilePath) 返回 null
- r - 下载 zip 文件并在 Shiny App 中提取特定文件
- javascript - AnyChart 股票图表 - X 轴上的日期扩展溢出
- python - 如何修复 TypeError:只能将 str(不是“字节”)连接到 str?
- microsoft-graph-api - windows桌面客户端如何开发onenote插件
- linux - 如何列出未合并到给定分支的`git`分支?
- javascript - TypeError: axios__WEBPACK_IMPORTED_MODULE_1___default.a.post(...).then(...).dispatch 不是函数