用于融合图表的 LabelDisplay MScombi3d 图表

Question

我需要一些帮助来显示 MSCombi3d 图表的 x 轴标签。我已经检查过，对于二维图表，有以下两个可用属性。当我们在图表中设置时，x 轴标签将以旋转格式显示。

labelDisplay='Rotate' & slantLabels='1'

但是当我尝试将上面的方法用于 MScombi3d 图表时，它不起作用。我浏览了文档，只能找到这个属性 xLabelGap='50'。但它不会 rotate/display x 轴标签倾斜。

有人可以建议 MSCombi3d 图表需要使用的属性来倾斜显示 x 轴标签。

非常感谢对此的任何帮助。

Answer 1

属性 xLabelGap 可能已弃用或至少不适用于 FusionCharts Javascript 版本。虽然我发现了这个属性的一些用法 here, but nowhere in the official FusionCharts docs

我发现 MSCombi3d 图表（JS 版本）中的属性 labelDisplay 和 slantLabels 自其 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>

A fiddle link 用于 avobe 实施。

从 here 了解更多关于 MSCombination 3d 图表中支持的属性。

用于融合图表的 LabelDisplay MScombi3d 图表

LabelDisplay for fusion charts MScombi3d charts

javascript

charts

fusioncharts