barchart跑到div外面

登录

回复 10楼Alice的帖子

hi 我发现个问题，我用barchart也会跑到div的的外面，如下图

这是我控制大小出的问题吗？

下面是个例子麻烦看下
百度链接：http://pan.baidu.com/s/1sjqYXx7
提取密码：36gc

Alice · Alice

回复 1楼rijun的帖子

非常感谢您的反馈。
您的示例已经收到了，测试后给您反馈。

rijun · rijun

回复 2楼Alice的帖子

顺便在问一下，柱状图修改颜色只有通过gridview然后在前台修改这一种方式吗（就是你们给出的示例）？

Alice · Alice

回复 3楼rijun的帖子

很抱歉，您给的示例我这里运行不了，提示需要IIS。
我模拟了一个C1BarChart的示例如下：

另外，有关设置颜色问题，我不太理解。
您是希望更改BarChart的什么颜色？
如果是改变Series的颜色，可以参考在线示例：
http://demo.gcpowertools.com.cn/ ... t/SeriesColors.aspx
示例中演示的接口都是一致的，不管在前台还是后台都可以使用。前台使用的接口，用cs代码也可以实现，比如设置系列颜色，代码参考：

ChartStyle cs = new ChartStyle();
cs.Fill.Color = System.Drawing.SystemColors.Menu;
C1PieChart1.SeriesStyles.Add(cs);

复制代码

rijun · rijun

回复 4楼Alice的帖子

你们给的示例和我的一样，你们把div的height设为auto以后barchart是在div中，如果把height设为300px的话barchart依旧是跑到div外面的，我这边界面的div大小是设定好的，height不能设为auto的，是不是控件不能随外层大小变化？麻烦在看看怎么解决吧！附上对示例修改后的样子和代码

Alice · Alice

回复 5楼rijun的帖子

我理解您的意思是：外层的div是固定的，然后如何设置C1BarChart的高度。
C1BarChart本身也提供了Height属性，比如本例，可以设置BarChart的Height为300.

wijmo:C1BarChart ID="C1BarChart1" Height="300" runat="server"> </wijmo:C1BarChart>

复制代码

rijun · rijun

回复 6楼Alice的帖子

以上的问题都解决了，后来我自己在试试其他方法，运行不报错，就是和我要的结果有出入，麻烦看看我哪个步骤错了~，下面是cs里的代码
      ChartSeries series;
      ChartSeriesData data;
      BarChartSeries bcs;
      ChartStyle cs;

      series = new ChartSeries();
      data = new ChartSeriesData();
      data.X.Add("上海");
      data.Y.Add(20);

      bcs = new BarChartSeries();
      bcs.Data = data;
      cs = new ChartStyle();
      cs.Fill.Color = System.Drawing.Color.Blue;
      chart.SeriesStyles.Add(cs);
      this.chart.SeriesList.Add(bcs);

      series = new ChartSeries();
      data = new ChartSeriesData();
      data.X.Add("北京");
      data.Y.Add(42);

      bcs = new BarChartSeries();
      bcs.Data = data;
      cs = new ChartStyle();
      cs.Fill.Color = System.Drawing.Color.Green;
      chart.SeriesStyles.Add(cs);
      this.chart.SeriesList.Add(bcs);

      this.chart.Legend.Visible = false;
      this.chart.Horizontal = false;
出来的结果如下图，和我想的有出入,我是想上海一根柱子，北京一根柱子的。

Alice · Alice

回复 7楼rijun的帖子

谢谢您的反馈。
从您的代码来看，x轴的数据被覆盖了。如果想实现您的需求，请参考如下代码：

BarChartSeries bcs=new BarChartSeries();
ChartXData xd;
ChartYData yd;
xd = new ChartXData();
xd.StringValue = "上海";
yd=new ChartYData();
yd.DoubleValue=20;
bcs.Data.X.Values.Add(xd);
bcs.Data.Y.Values.Add(yd);
xd = new ChartXData();
xd.StringValue = "北京";
yd=new ChartYData();
yd.DoubleValue=42;
bcs.Data.X.Values.Add(xd);
bcs.Data.Y.Values.Add(yd);
this.C1BarChart1.SeriesList.Add(bcs);
this.C1BarChart1.Legend.Visible = false;
this.C1BarChart1.Horizontal = false;

复制代码

您也可以参考在线示例：http://demo.gcpowertools.com.cn/ ... Chart/Overview.aspx

rijun · rijun

回复 8楼Alice的帖子

hi Alice
1. 用上述的方法柱子是分开了，但是颜色加不进去！我打算一根蓝色一根绿色的！
2.当鼠标移动到柱子上以后出现的value可以修改为我要的东西么？怎么修改？

Alice · Alice

回复 9楼rijun的帖子

您好，谢谢反馈。
在回答您的问题之前，首先需要您了解系列的概念。
对于8楼代码中添加的数据，是属于一个系列中的不同数据而已（这两条数据都属于bcs这个系列），如果需要添加2个系列，需要两个不同的BarChartSeries。
而SeriesStyle是针对系列的颜色，同一系列的不同数据是用同一个颜色的。
请尝试如下代码，虽然这和8楼的代码是相差两句，但是完全不同，这是两个系列，每个系列有一个数据。

BarChartSeries bcs=new BarChartSeries();
ChartXData xd;
ChartYData yd;
xd = new ChartXData();
xd.StringValue = "上海";
yd=new ChartYData();
yd.DoubleValue=20;
bcs.Data.X.Values.Add(xd);
bcs.Data.Y.Values.Add(yd);
this.C1BarChart1.SeriesList.Add(bcs);
bcs = new BarChartSeries();
xd = new ChartXData();
xd.StringValue = "北京";
yd=new ChartYData();
yd.DoubleValue=42;
bcs.Data.X.Values.Add(xd);
bcs.Data.Y.Values.Add(yd);
this.C1BarChart1.SeriesList.Add(bcs);

复制代码

1.系列颜色使用SeriesStyles就可以对系列设置颜色。
针对本楼的上述代码，对两个系列分别设置不同的颜色，代码参考：

this.C1BarChart1.SeriesStyles.Clear();
ChartStyle style = new ChartStyle();
ChartStyleFill fill = new ChartStyleFill();
fill.Color = Color.Red;
style.Fill = fill;
this.C1BarChart1.SeriesStyles.Add(style);
ChartStyle style1 = new ChartStyle();
ChartStyleFill fill1 = new ChartStyleFill();
fill1.Color = Color.Blue;
style1.Fill = fill1;
this.C1BarChart1.SeriesStyles.Add(style1);

复制代码

2.可以。使用SeriesHoverStyles就可以设置，设置的方式和问题1的设置系列颜色一样。
更多详细信息，请参考在线示例（系列颜色和鼠标hover的颜色都有演示如何设置，虽然前台和后台设置有所区别，但是接口是一模一样的）：
http://demo.gcpowertools.com.cn/ ... t/SeriesColors.aspx

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

[已处理] barchart跑到div外面

本帖子中包含更多资源

9 个回复

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

活字格认证

微信认证勋章

元老葡萄