LabelDisplay для графиков слияния Графики MScombi3d

Question

Мне нужна помощь в отображении ярлыков xaxis для диаграммы MSCombi3d. Я проверил и для 2-х диаграмм, есть два доступных атрибута. которые, когда мы устанавливаем на графике, метки оси х будут отображаться во вращающемся формате.

labelDisplay='Rotate' & slantLabels='1' 

Но когда я пытаюсь использовать вышеприведенное для графика MScombi3d, это не работает. Я просмотрел документацию и мог найти только этот атрибут xLabelGap = '50 '. Но он не поворачивает/не отображает метки оси x в наклонной плоскости.

Может кто-нибудь, пожалуйста, предложите атрибут, который необходимо использовать для диаграмм MSCombi3d, чтобы отображать метки оси x в наклонной плоскости.

Любая помощь по этому поводу очень ценится.

Answer 1

Атрибут xLabelGap, возможно, устарел или, по крайней мере, не применим в версии Javascript FusionCharts. Хотя я нашел использование этого атрибута here, но нигде в официальном FusionCharts docs

Я нашел атрибуты labelDisplay и slantLabels в MSCombi3d графиках (JS версия) функциональные, так как его версия 3.4.0. Мог бы работать и до этого! : D

Ниже фрагмент иллюстрирует использование этих атрибутов с его последней версией. Вы можете посетить загрузку page.

FusionCharts.ready(function() { 
 
    var revenueChart = new FusionCharts({ 
 
    type: 'stackedcolumn3dlinedy', 
 
    renderAt: 'chart-container', 
 
    width: '550', 
 
    height: '350', 
 
    dataFormat: 'json', 
 
    dataSource: { 
 
     "chart": { 
 
     "caption": "Business Results 2005 v 2006", 
 
     "xaxisname": "Month", 
 
     "yaxisname": "Revenue", 
 
     "showvalues": "0", 
 
     "numberprefix": "$", 
 
     "labelDisplay": "rotate", 
 
     "slantLabels": "1", 
 
     "animation": "1" 
 
     }, 
 
     "categories": [{ 
 
     "category": [{ 
 
      "label": "Jan" 
 
     }, { 
 
      "label": "Feb" 
 
     }, { 
 
      "label": "Mar" 
 
     }, { 
 
      "label": "Apr" 
 
     }, { 
 
      "label": "May" 
 
     }, { 
 
      "label": "Jun" 
 
     }, { 
 
      "label": "Jul" 
 
     }, { 
 
      "label": "Aug" 
 
     }, { 
 
      "label": "Sep" 
 
     }, { 
 
      "label": "Oct" 
 
     }, { 
 
      "label": "Nov" 
 
     }, { 
 
      "label": "Dec" 
 
     }] 
 
     }], 
 
     "dataset": [{ 
 
     "seriesname": "2006", 
 
     "data": [{ 
 
      "value": "27400" 
 
     }, { 
 
      "value": "29800" 
 
     }, { 
 
      "value": "25800" 
 
     }, { 
 
      "value": "26800" 
 
     }, { 
 
      "value": "29600" 
 
     }, { 
 
      "value": "32600" 
 
     }, { 
 
      "value": "31800" 
 
     }, { 
 
      "value": "36700" 
 
     }, { 
 
      "value": "29700" 
 
     }, { 
 
      "value": "31900" 
 
     }, { 
 
      "value": "34800" 
 
     }, { 
 
      "value": "24800" 
 
     }] 
 
     }, { 
 
     "seriesname": "2005", 
 
     "renderas": "Area", 
 
     "data": [{ 
 
      "value": "10000" 
 
     }, { 
 
      "value": "11500" 
 
     }, { 
 
      "value": "12500" 
 
     }, { 
 
      "value": "15000" 
 
     }, { 
 
      "value": "11000" 
 
     }, { 
 
      "value": "9800" 
 
     }, { 
 
      "value": "11800" 
 
     }, { 
 
      "value": "19700" 
 
     }, { 
 
      "value": "21700" 
 
     }, { 
 
      "value": "21900" 
 
     }, { 
 
      "value": "22900" 
 
     }, { 
 
      "value": "20800" 
 
     }] 
 
     }, { 
 
     "seriesname": "2004", 
 
     "renderas": "Line", 
 
     "data": [{ 
 
      "value": "7000" 
 
     }, { 
 
      "value": "10500" 
 
     }, { 
 
      "value": "9500" 
 
     }, { 
 
      "value": "10000" 
 
     }, { 
 
      "value": "9000" 
 
     }, { 
 
      "value": "8800" 
 
     }, { 
 
      "value": "9800" 
 
     }, { 
 
      "value": "15700" 
 
     }, { 
 
      "value": "16700" 
 
     }, { 
 
      "value": "14900" 
 
     }, { 
 
      "value": "12900" 
 
     }, { 
 
      "value": "8800" 
 
     }] 
 
     }], 
 
     "trendlines": [{ 
 
     "line": [{ 
 
      "startvalue": "22000", 
 
      "color": "91C728", 
 
      "displayvalue": "Target" 
 
     }] 
 
     }], 
 
     "styles": { 
 
     "definition": [{ 
 
      "name": "bgAnim", 
 
      "type": "animation", 
 
      "param": "_xScale", 
 
      "start": "0", 
 
      "duration": "1" 
 
     }], 
 
     "application": [{ 
 
      "toobject": "BACKGROUND", 
 
      "styles": "bgAnim" 
 
     }] 
 
     } 
 
    } 
 
    }).render(); 
 
});

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script> 
 
<!-- Stacked Column 3D + Line Dual Y axis chart showing quarterly cost analysis for the last year. --> 
 
<div id="chart-container">FusionCharts will render here</div>

fiddle ссылка для реализации avobe.

Узнайте больше о поддерживаемых атрибутах в 3D-диаграммах MSCombination от here.