export - 使用 AnyChart 通过 jpg/png 导出图表图,得到输出的一半
问题描述
我正在使用 AnyChart * 版本:7.9.0
当我生成报告时,它使用正确的数据生成,并且正确地在屏幕上绘制(例如,图像 1:绘制的图表取决于输出)但是当我通过 png/jpg 导出绘图时,它将导出一半输出如图 2 所示(使用 png/jpg 格式导出的图表)。
如何实现导出完整图表。
json代码:
{
"chart":{
"container":"dashboard:inqByProductsGraphPanalId_1",
"legend":null,
"legand":null,
"tooltip":{
"padding":null,
"allowLeaveScreen":false,
"offsetX":0,
"offsetY":0,
"anchor":"center",
"hideDelay":null,
"enabled":false,
"displayMode":null
},
"yScale":1,
"type":"column",
"title":{
"enabled":true,
"text":"Inquiry by Product",
"width":null,
"height":null,
"orientation":"top",
"align":"center",
"rotation":null,
"padding":{
"top":-10,
"right":0,
"bottom":30,
"left":0
},
"useHtml":true,
"fontSize":11,
"fontColor":"Black"
},
"fill":null,
"stroke":null,
"animation":{
"enabled":false
},
"labels":{
"enabled":true,
"useHtml":false,
"position":"centerTop",
"anchor":"centerBottom",
"fontColor":"Black",
"background":null,
"padding":{
"top":2,
"right":2,
"bottom":2,
"left":2
}
},
"crosshair":{
"xLabel":{
"anchor":"centerTop"
},
"yLabel":{
"anchor":"rightCenter"
}
},
"chartId":"100",
"series":[
{
"data":[
{
"fill":"DarkOliveGreen",
"x":"ADIDAS",
"value":19,
"weekNumber":0,
"year":0
},
{
"fill":"Crimson",
"x":"No Product Name Reported",
"value":44,
"weekNumber":0,
"year":0
},
{
"fill":"Chocolate",
"x":"ANACIN",
"value":24,
"weekNumber":0,
"year":0
},
{
"fill":"DarkMagenta",
"x":"AMLODOC",
"value":56,
"weekNumber":0,
"year":0
}
],
"labels":{
"enabled":true,
"useHtml":false,
"position":"centerTop",
"anchor":"centerBottom",
"fontColor":"Black",
"background":null,
"padding":{
"top":2,
"right":2,
"bottom":2,
"left":2
}
},
"name":null,
"enabled":true,
"seriesType":"column",
"type":null,
"color":null,
"xScale":0,
"yScale":1,
"selectFill":"Goldenrod",
"hatchFill":null,
"hoverHatchFill":"#445444",
"selectHatchFill":"Plum",
"select":null,
"tooltip":null
}
],
"xScale":0,
"scales":[
{
"type":"ordinal",
"inverted":false,
"names":[
],
"ticks":null
},
{
"type":"linear",
"inverted":false,
"maximum":null,
"minimum":null,
"minimumGap":"0.1",
"maximumGap":"0.1",
"softMinimum":null,
"softMaximum":null,
"stackMode":"none",
"stickToZero":"true",
"logBase":"10"
}
],
"interactivity":{
"selectionMode":"singleSelect",
"hoverMode":"byX",
"spotRadius":null
}
}
}
解决方案
您正在使用库 7.9.0 的非常旧版本。它与 export.anychart.com (8.8.0) 上托管的导出服务器的当前版本不完全兼容。要解决此问题,您可以使用手动应用的图像大小调用 saveAsJpg 或 saveAsPng 函数。像这样:
chart.saveAsJpg(600, 600);
此外,您可以将库更新到最新版本以避免不兼容问题。
推荐阅读
- plsql - PLSQL - 实现函数,返回树中节点的子节点数
- javascript - 如何在 Sencha extjs6 应用程序的画布上放置 svg 横幅
- mysql - MySQL 5.5 - 选择记录更改的行
- compiler-construction - 如何使用 JAVACC 中的空词作为标记?
- asp.net-mvc - 在 ICollections 上使用 Html.NameFor
- xml - Ejabberd 和 Python3
- android - Admob 填充率从 ~80% 降至 0%
- java - Hibernate 保存额外的行而不是更新并且需要两次保存
- javascript - 使用 Vanilla JS 和 JSON 文件填充选择元素
- html - 如何根据设备大小操作 iframe css