0

我有 FusionCharts 3.3.1-sr2.19840 。如何转义 html 代码的工具提示？如果我有一个<input>in 工具提示，甚至其中<script>有一些警报，它会触发我的 JavaScript 代码......这是一个大问题。是否有逃避工具提示和标签的属性？

这是一个未转义工具提示的打印屏幕：

在此处输入图像描述

4

1 回答 1

1

您应该使用“<” 和“>” 逃避标签。我创造了一个小提琴来解决这个问题。 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 回答