同一页面上的多个图表的屏蔽UI图表提示是否不同?
Can Shield UI Chart Tooltip be different for multiple Charts on the same Page?
我已经阅读了Shield UI网站上的所有文档,但只能找到一个与图表工具提示相关的语句:
tooltipSettings: {
customHeaderText: "Local point Value: ",
customPointText: function (point, chart) {
return shield.format(
'<span><b>{value}</b></span>',
{
value: point.y
}
);
}
},
如果对任何图表进行了更改,则页面上所有图表的工具提示都会更改。
我有一个单选按钮可以在数字和百分比之间切换,所以需要工具提示中包含一个"%"。
有没有人有办法改变一个图表的工具提示而不影响其他的?
我认为这是图表组件中的一个错误,他们已经修复了它。我测试了最新版本的脚本从盾图演示的网站和一切工作如预期。
你可以尝试使用以下脚本参考,让我知道如果问题仍然存在:
<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],
}]
});});
相关文章:
- Graphiti中是否有任何工具提示功能
- 是否可以用变量确认提示警报
- 是否可以替换或自定义getUserMedia提示
- 如何在将鼠标悬停在提交/锚点上时检查复选框是否已选中,并显示提示用户这样做的警报
- 高图表 - 是否可以为每个系列添加工具提示格式化程序
- 是否可以在HTML选择下拉菜单的每个选项上附加一个qtip2工具提示
- 是否可以使用 pointFormatter完全隐藏工具提示
- 工具提示是否有跨浏览器方式
- 我是否可以使用传单将数据值中的排名放入工具提示中
- 是否可以创建当鼠标悬停在
标记内的文本上时出现的工具提示
- 是否有任何关于让HTML5画布在IE9中工作的提示
- 是否可以在悬停画布元素时获得工具提示
- 如何根据用户是否回答了我'We’我在提示中被预先键入了
- 检查JavaScript提示是否已关闭/取消
- 如何使用JavaScript检查网站是否在线?再加上如何使这个函数的其余部分更好地工作的提示
- 是否有可能在单击图形中的节点时使工具提示固定(Flotr2)
- 是否需要在Typescript, VS - 2013中包含java lint的提示?
- 是否有任何方法显示工具提示默认(没有悬停饼图)在chartjs
- 是否有可能提示用户输入任何grunt任务
- 同一页面上的多个图表的屏蔽UI图表提示是否不同?