Экспорт диаграммы в формате jpg/png с использованием AnyChart, в результате получается половина вывода

Я использую AnyChart * Версия: 7.9.0

Когда я генерирую отчет, он генерируется с правильными данными и правильно отображается на экране (например, изображение 1: отображаемая диаграмма зависит от вывода), но когда я экспортирую график в формате png/jpg, он экспортирует половину вывод, как на изображении 2 (экспортированная диаграмма в формате png/jpg).

Как добиться экспорта полной диаграммы.

Визуализация диаграммы зависит от вывода

Экспорт диаграммы в формате 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
      }
   }
}

person shamanth    schedule 25.08.2020    source источник
comment
Вы должны предъявить код.   -  person nurgasemetey    schedule 25.08.2020
comment
обязательно..добавлю как можно скорее   -  person shamanth    schedule 25.08.2020


Ответы (1)


Вы используете очень старую версию библиотеки 7.9.0. Он не полностью совместим с текущей версией сервера экспорта, размещенного на сайте export.anychart.com (8.8.0). Чтобы решить эту проблему, вы можете вызвать функции saveAsJpg или saveAsPng с размером изображения, примененным вручную. Нравится:

chart.saveAsJpg(600, 600);

Кроме того, вы можете обновить свою библиотеку до последней версии, чтобы избежать проблем с несовместимостью.

person AnyChart Support    schedule 26.08.2020