导出时增加图表高度
Increase Height Of Chart On Export
使用最新的highcharts(3.0.7)。我们正在尝试在导出时将文本添加到图表顶部。要做到这一点,我需要增加spacingTop
,这样我们就不会覆盖任何图表元素。然后,对于相同的图表高度,这导致图表变得不那么高spacingTop
的量。如何获取当前图表高度并在导出时将X添加到其中?我试过:
exporting: {
sourceWidth: 400,
//sourceHeight: this.chartHeight,
//sourceHeight: this.chartHeight + 200,
scale: 1, //(default)
chartOptions: {
subtitle: null,
height: this.chartHeight + 200
}
}
这似乎被忽视了。看看这把小提琴。这只是一个测试,看看我是否能做到这一点。看起来应该是直接的。如果我取消对sourceHeight
的注释,它仍然没有达到我的预期——图表仍然是400px高。因此,this.chartHeight
似乎不包含任何内容。
最终,这个高度变化代码将存在于我们称之为的函数中
chartMainLoc.exportChart({
type: 'image/jpeg',
sourceHeight: this.chartHeight + 200,
sourceWidth: this.chartWidth,
scale: 1
}, {
chart: {
events: {
load: function () {
this.renderer.text('Occupational Employment and Wage Rates (OES) for Multiple Occupations in Louisiana in 2012<br /> The graph below shows the annual occupational employment and annual wage data for Multiple Occupations in Louisiana in 2012.<br /> ', 5, 15).attr({
rotation: 0
}).css({
color: '#4572A7',
fontSize: '10px',
fontStyle: 'italic',
width: this.chartWidth
}).add();
this.renderer.rect(5, 5, this.chartWidth - 10, 60, 5).attr({
'stroke-width': 2,
stroke: 'black',
zIndex: 2
}).add();
}
},
spacingTop: 200,
shadow: false
}
})
由于我事先不知道图表的高度或宽度,我必须以某种方式获得这个值。
您需要使用对象(chart / series
等)设置图表选项,如示例所示http://jsfiddle.net/GQUDJ/2/
相关文章:
- 根据元素高度和宽度的百分比变化增加或减少字体大小
- 如何使“onmouseout”事件“理解”,即“跨度”高度增加
- 动态增加 iframe 高度
- 表的高度是否随着行中内容的增加而变化
- CSS转换未在增加高度时更新背景色
- 导出时增加图表高度
- 如何增加highchart.js图表上x轴标签区域的高度
- 如何增加光滑块高度,而不考虑其内容
- Div 高度不会在附加任何元素时增加
- 如何在 ag-grid 中增加列标题的高度
- 如何在 AngularJS 中动态增加/减少段落元素的高度
- 钛应用器动态文本区域高度增加
- 文本区域的高度在值增加时增加,但在值减小时不会降低
- 如何防止滚动时此导航栏的高度增加
- 选中复选标记时增加 Div 高度
- 在滚动野生动物园错误上增加元素的高度
- 标题菜单的高度增加了,但在HTML源代码中什么也没发生
- 在高度增加时保持物体可见度
- textarea's滚动高度增加不一致的问题
- Javascript——将窗口高度增加一个像素——谷歌浏览器