我正在创建一个 Highchart 示例,我想将图表导出为 PNG 格式。下载 PNG 图像时,它的显示方式与图表上的不同。
我尝试了各种方法来添加标题行,但没有一个对我有用。
下面是添加标题行的不同尝试
> 1. "text":"<p>Header Line Text</p><p>Line 2</p>Line 3"
> 2. "text":"<span style="display:block">Header Line Text</span><span style="display:block">Next Line</span>Line 3"
> 3. "text":"Header Line Text<br>Line 2<br>Line 3"
我的示例代码在这个 JSFiddle 中:http://jsfiddle.net/deepakpookkote/7jgc1nyq/5/
我该如何解决这个问题?
从
"useHTML":true
中删除参数"useHTML":false
(或设置"title":{}
)。此外,删除 <p>
标签,使用 <br>
标签生成此格式:
"text": "Header Line Text<br>Line 2<br>Line 3"
全:
"title":{
"style":{
"fontFamily":[
"Arial Narrow"
],
"fontSize":"12pt",
"margin-left":"100px",
"wordWrap":"break-word",
"text-align":"center"
},
"align":"center",
"text":"Header Line Text<br>Line 2<br>Line 3",
"margin":10
}
在 DOM 输出时,每一行(标题行文本、第 2 行、第 3 行)将被包装在一个
<tspan>
标签中。
此外,参数中指定的styles应用于父
<text>
标签。