0

私は FusionCharts 3.3.1-sr2.19840 を持っています。HTML コードのツールチップをエスケープするにはどうすればよいですか? <input>ツールチップやアラートが含まれて<script>いると、JavaScript コードがトリガーされます...これは大きな問題です。ツールチップとラベルをエスケープするプロパティはありますか?

ツールチップがエスケープされていない印刷画面を次に示します。

ここに画像の説明を入力

4

1 に答える 1

1

「& lt;」を使用する必要があります。および「& gt;」タグをエスケープします。問題を解決するためにフィドルを作成しました。 http://jsfiddle.net/subramaniashiva/4jgfeejx/

FusionCharts.ready(function () {
var ageGroupChart = new FusionCharts({
    type: 'pie3d',
    renderAt: 'chart-container',
    width: '450',
    height: '300',
    dataFormat: 'json',
    dataSource: {
        "chart": {
            "caption": "Split of Visitors by Age Group",
                "subCaption": "Last year",
                "paletteColors": "#0075c2,#1aaf5d,#f2c500,#f45b00,#8e0000",
                "bgColor": "#ffffff",
                "showBorder": "0",
                "use3DLighting": "0",
                "showShadow": "0",
                "enableSmartLabels": "0",
                "startingAngle": "0",
                "showPercentValues": "1",
                "showPercentInTooltip": "0",
                "decimals": "1",
                "captionFontSize": "14",
                "subcaptionFontSize": "14",
                "subcaptionFontBold": "0",
                "toolTipColor": "#ffffff",
                "toolTipBorderThickness": "0",
                "toolTipBgColor": "#000000",
                "toolTipBgAlpha": "80",
                "toolTipBorderRadius": "2",
                "toolTipPadding": "5",
                "showHoverEffect": "1",
                "showLegend": "1",
                "legendBgColor": "#ffffff",
                "legendBorderAlpha": '0',
                "legendShadow": '0',
                "legendItemFontSize": '10',
                "legendItemFontColor": '#666666'
        },
            "data": [{
            "label": "Teenage",
                "value": "1250400",
                "tooltext": "&lt;input type=\"text\"&gt; Teenage"
        }, {
            "label": "Adult",
                "value": "1463300",
                "tooltext": "&lt;input type=\"text\"&gt; Adult"
        }, {
            "label": "Mid-age",
                "value": "1050700",
                "tooltext": "&lt;input type=\"text\"&gt; Mid-age"
        }, {
            "label": "Senior",
                "value": "491000",
                "tooltext": "&lt;input type=\"text\"&gt; Senior"
        }]
    }
}).render();
});
于 2015-01-29T12:09:09.477 に答える