如何在指定的bar上添加备注
file:///C:\Users\chenjiuyuan\AppData\Roaming\Tencent\Users\515007509\QQ\WinTemp\RichOle\_M_8S2YSZXEP5]GN9D8UR}T.png在指定的bar上加标注?请问你使用的是C1BarChart么?
你可以参考在线示例:
http://demo.gcpowertools.com.cn/ComponentOne/ASPNET/ControlExplorer/C1BarChart/Overview.aspx
鼠标Hover有提示。 Alice 发表于 2016-10-24 17:53
请问你使用的是C1BarChart么?
你可以参考在线示例:
http://demo.gcpowertools.com.cn/ComponentOne/ASP ...
类似这个效果 ,有点不一样。
我需要实现的是一直显示在chart上,并且只显示最长和最短的柱子。 Alice 发表于 2016-10-24 17:53
请问你使用的是C1BarChart么?
你可以参考在线示例:
http://demo.gcpowertools.com.cn/ComponentOne/ASP ...
类似这个效果 ,有点不一样。
我需要实现的是一直显示在chart上,并且只显示最长和最短的柱子。 久远 发表于 2016-10-25 09:35
类似这个效果 ,有点不一样。
我需要实现的是一直显示在chart上,并且只显示最长和最短的柱子。
很抱歉回复晚了。
我做了一个Demo,你可以参考下: Alice 发表于 2016-10-25 17:23
很抱歉回复晚了。
我做了一个Demo,你可以参考下:
还是不能满足我的需求,我需要时如图的效果 久远 发表于 2016-10-26 09:21
还是不能满足我的需求,我需要时如图的效果
C1BarChart提供了ShowChartLabels属性,可以展示出柱状图上的标签。
ChartLabelFormatString属性可以设置标签的格式。
这个时候,会把所有的标签展示出来。
个别不显示的基本思路是,前端通过JS代码拿到所有的ChartLabels,通过需求做判断,不需要的隐藏掉。
参考代码:
var _chartLabels = $("#wijbarchart").wijbarchart().data().fields.chartElements.chartLabels;
var _bars = $("#wijbarchart").wijbarchart().data().fields.chartElements.bars;
$.each(_chartLabels, function (index, elem) {
//if (满足特定的条件) {
_bars.hide();
elem.hide();
}
});
Alice 发表于 2016-10-26 12:01
C1BarChart提供了ShowChartLabels属性,可以展示出柱状图上的标签。
ChartLabelFormatString属性可以设 ...
我试试,还有一个问题 如何点击柱状图,获取x和Y轴的值? 久远 发表于 2016-10-26 12:52
我试试,还有一个问题 如何点击柱状图,获取x和Y轴的值?
在前端的click,mouseDown的事件里,就可以拿到点击的柱的index,x轴值,y轴值等相关信息。
代码参考:
// Set mouseDown event handler function
$(".selector").wijbarchart({
mouseDown : function (e, data) {
}
});
data.bar: 拿到点击柱的对象
data.data: 点击柱的系列相关数据
data.index: 点击柱的index
页:
[1]