久远 发表于 2016-10-24 14:33:14

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

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


Alice 发表于 2016-10-24 17:53:20

请问你使用的是C1BarChart么?
你可以参考在线示例:
http://demo.gcpowertools.com.cn/ComponentOne/ASPNET/ControlExplorer/C1BarChart/Overview.aspx
鼠标Hover有提示。

久远 发表于 2016-10-25 09:35:33

Alice 发表于 2016-10-24 17:53
请问你使用的是C1BarChart么?
你可以参考在线示例:
http://demo.gcpowertools.com.cn/ComponentOne/ASP ...

类似这个效果 ,有点不一样。
我需要实现的是一直显示在chart上,并且只显示最长和最短的柱子。

久远 发表于 2016-10-25 09:35:37

Alice 发表于 2016-10-24 17:53
请问你使用的是C1BarChart么?
你可以参考在线示例:
http://demo.gcpowertools.com.cn/ComponentOne/ASP ...

类似这个效果 ,有点不一样。
我需要实现的是一直显示在chart上,并且只显示最长和最短的柱子。

Alice 发表于 2016-10-25 17:23:41

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

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

久远 发表于 2016-10-26 09:21:50

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

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

Alice 发表于 2016-10-26 12:01:04

久远 发表于 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();
            }
      });

久远 发表于 2016-10-26 12:52:32

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

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

Alice 发表于 2016-10-26 15:59:30

久远 发表于 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]
查看完整版本: 如何在指定的bar上添加备注