fusionchart xt如何显示不同的地方标题

时间:2015-03-19 06:39:48

标签: fusioncharts

我想在类型中显示图表的级别值:Fusionchart XT中的MSCombiDY2D

如何显示不同位置的数据?例如: -

enter image description here

2 个答案:

答案 0 :(得分:1)

可以通过设置" valuePosition"来定位线数据集的值。作为"低于"在相应的数据集中。

答案 1 :(得分:0)

我尝试过处理你的问题,并且可能已经找到了解决方案。我希望它对你有所帮助。如有任何进一步的问题,请试用 - Fiddle

FusionCharts.ready(function() {
            var salesAnlysisChart = new FusionCharts({
                type: 'mscombi2d',
                renderAt: 'chart-container',
                width: '400',
                height: '300',
                dataFormat: 'json',
                dataSource: {
                    "chart": {
                        "caption": "National Average",
                        "numberPrefix": "",
                        "showBorder": "0",
                        "showValues": "0",
                        "paletteColors": "#00FFFF,#FFFF00,#f2c500",
                        "bgColor": "#ffffff",
                        "showCanvasBorder": "0",
                        "canvasBgColor": "#ffffff",
                        "captionFontSize": "14",
                        "subcaptionFontSize": "14",
                        "subcaptionFontBold": "0",
                        "divlineColor": "#999999",
                        "divLineIsDashed": "1",
                        "divLineDashLen": "1",
                        "divLineGapLen": "1",
                        "showAlternateHGridColor": "0",
                        "usePlotGradientColor": "0",
                        "toolTipColor": "#ffffff",
                        "toolTipBorderThickness": "0",
                        "toolTipBgColor": "#000000",
                        "toolTipBgAlpha": "80",
                        "toolTipBorderRadius": "2",
                        "toolTipPadding": "5",
                        "legendBgColor": "#ffffff",
                        "legendBorderAlpha": '0',
                        "legendShadow": '0',
                        "legendItemFontSize": '10',
                        "legendItemFontColor": '#666666'
                    },
                    "categories": [
                        {
                            "category": [
                                {
                                    "label": "1"
                    },
                                {
                                    "label": "2"
                    },
                                {
                                    "label": "3"
                    },
                                {
                                    "label": "4"
                    },
                                {
                                    "label": "5"
                    },
                                {
                                    "label": "6"
                    },
                                {
                                    "label": "7"
                    },
                                {
                                    "label": "8"
                    }
                ]
            }
        ],
                    "dataset": [
                        {
                            "seriesName": "Column",
                            "showValues": "1",
                            "data": [
                                {
                                    "value": "100"
                    },
                                {
                                    "value": "100"
                    },
                                {
                                    "value": "100"
                    },
                                {
                                    "value": "100"
                    },
                                {
                                    "value": "100"
                    },
                                {
                                    "value": "100"
                    },
                                {
                                    "value": "100"
                    },
                                {
                                    "value": "99"
                    }
                ]
            },
                        {
                            "seriesName": "Line",
                            "renderAs": "line",
                            "showValues": "1",
                            "data": [
                                {
                                    "value": "14"
                    },
                                {
                                    "value": "1"
                    },
                                {
                                    "value": "5"
                    },
                                {
                                    "value": "3"
                    },
                                {
                                    "value": "10"
                    },
                                {
                                    "value": "98"
                    },
                                {
                                    "value": "3"
                    },
                                {
                                    "value": "23"
                    }
                ]
            },
        ]
                }
            }).render();
        });