[英]Can Shield UI Chart Tooltip be different for multiple Charts on the same Page?
我已经阅读了Shield UI网站上的所有文档,但是只能找到与Chart Tooltip相关的一条语句:
tooltipSettings: {
customHeaderText: "Local point Value: ",
customPointText: function (point, chart) {
return shield.format(
'<span><b>{value}</b></span>',
{
value: point.y
}
);
}
},
如果任何图表都更改了此设置,则页面上所有图表的工具提示都会更改。
我有一个单选按钮,可以在数字和百分比之间切换,因此需要工具提示仅在该图表中包含一个“%”。
有没有人可以更改单个图表的工具提示而不影响其他人?
我认为这是图表组件中的错误,他们已将其修复。 我使用了shieldui chart demos网站上的脚本的最新版本进行了测试,并且一切正常。
您能否尝试使用以下脚本参考,让我知道问题是否仍然存在:
<script type="text/javascript" src="http://www.shieldui.com/shared/components/latest/js/shieldui-all.min.js"></script>
我使用以下示例:
<div id="chart1" ></div>
<br /><br /><br /><br /><br /><br />
<div id="chart2"></div>
$(document).ready(function () {
$("#chart2").shieldChart({
theme: "light",
exportOptions: {
image: false,
print: false
},
seriesSettings: {
bar: {
stackMode: "normal"
}
},
axisX: {
categoricalValues: [
"1952", "1956", "1960", "1964", "1968", "1972", "1976",
"1984", "1988", "1992", "1996", "2000", "2004", "2008", "2012"
]
},
primaryHeader: {
text: "Olympic Medals won by USA"
},
dataSeries: [{
seriesType: "bar",
collectionAlias: "Gold Medals",
data: [40, 32, 34, 36, 45, 33, 34, 83, 36, 37, 44, 37, 35, 36, 46],
stackIndex: 1
}, {
seriesType: "bar",
collectionAlias: "Silver Medals",
data: [19, 25, 21, 26, 28, 31, 35, 60, 31, 34, 32, 24, 40, 38, 29],
stackIndex: 1
}, {
seriesType: "bar",
collectionAlias: "Silver Medals1",
data: [19, 25, 21, 26, 28, 31, 35, 60, 31, 34, 32, 24, 40, 38, 29],
stackIndex: 2
},
{
seriesType: "bar",
collectionAlias: "Bronze Medals",
data: [17, 17, 16, 28, 34, 30, 25, 30, 27, 37, 25, 33, 26, 36, 29],
stackIndex: 2
}]
});
$("#chart1").shieldChart({
theme: "light",
tooltipSettings: {
customHeaderText: "Local point Value: ",
customPointText: function (point, chart) {
return shield.format(
'<span><b>{value}</b></span>',
{
value: point.y
}
);
}
},
axisX: {
categoricalValues: [
"1952", "1956", "1960", "1964", "1968", "1972", "1976",
"1984", "1988", "1992", "1996", "2000", "2004", "2008", "2012"
]
},
primaryHeader: {
text: "Olympic Medals won by USA"
},
dataSeries: [{
seriesType: "bar",
collectionAlias: "Gold Medals",
data: [40, 32, 34, 36, 45, 33, 34, 83, 36, 37, 44, 37, 35, 36, 46],
}]
});});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.