如何在指定的bar上添加备注

登录

file:///C:\Users\chenjiuyuan\AppData\Roaming\Tencent\Users\515007509\QQ\WinTemp\RichOle\_M_8S2YSZXEP5]GN9D8UR}T.png在指定的bar上加标注？

Alice · Alice

请问你使用的是C1BarChart么？
你可以参考在线示例：
http://demo.gcpowertools.com.cn/ ... Chart/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上，并且只显示最长和最短的柱子。

Alice · Alice

久远发表于 2016-10-25 09:35
类似这个效果，有点不一样。
我需要实现的是一直显示在chart上，并且只显示最长和最短的柱子。

很抱歉回复晚了。
我做了一个Demo，你可以参考下：

久远 · 久远

Alice 发表于 2016-10-25 17:23
很抱歉回复晚了。
我做了一个Demo，你可以参考下：

还是不能满足我的需求，我需要时如图的效果

Alice · Alice

久远发表于 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[index].hide();
elem.hide();
}
});

复制代码

久远 · 久远

Alice 发表于 2016-10-26 12:01
C1BarChart提供了ShowChartLabels属性，可以展示出柱状图上的标签。
ChartLabelFormatString属性可以设 ...

我试试，还有一个问题如何点击柱状图，获取x和Y轴的值？

Alice · Alice

久远发表于 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

		自动登录	找回密码
密码			立即注册

[已处理] 如何在指定的bar上添加备注

本帖子中包含更多资源

8 个回复

本帖子中包含更多资源

本帖子中包含更多资源

活字格认证

微信认证勋章

元老葡萄