`
zhouxueliang
  • 浏览: 35089 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

透明chart

阅读更多
上面的例子我们已经可以实现自定义颜色和自定义背景图(这个背景图可以为图片,jpg,gif和png注意目前背景图片只支持这三种,或者还可以为为swf文件,从bgswf的属性名大家就可以看出吧),但是中间有个大白框看着真别扭,对吧,那我们今天就想办法把它去掉。
这里要注意两个概念:背景和画布,下面我们会应用到,不知道或者忘记的可以翻看我前面的讲义。
我们知道flash其实是可以设置为背景透明的,也就是在flash的输出参数中指定transparent就可以,那FC3是怎么做的呢?其实它有一个单独的属性,叫bgAlpha
这不是我们上面例子用到的吗,对就是它。
我们只需要指定bgAlpha=’0,0’就可以做到背景透明。
这里有两个注意点:
1.为什么是”0,0”而不是”0”
2.为什么说是“背景透明”而不说图表透明
这是由原因的,仔细看过我前面讲义的,用点心思是可以猜到的。
因为fc3默认的有个调色板的概念(palette),里面默认了5种预先定义的样式,但是这五种样式都是渐变颜色,说到这里大家应该可以想到,fc3内部机制应该是设置了bgcolor=”a,b”,所以我们如果想要设置透明bgalpha就必须写两个0.如果你非要写一个0,你会看到下面的效果



也就是说,你只是指定了下面颜色为透明,上面的颜色还是没有去掉,只有全部去掉才行,也就是bgalpha=’0,0’显示如下


现在已经达到了“背景透明”了。
可是这应该不是我们需要的效果,我们虽然去掉了一部分的白色,但是还是有白色的背景啊?
这就是在本文开篇提到的背景和画布的概念。我们去掉的是背景的颜色,也就是说使背景透明,但是画布默认是不透明的,所以如果想让图表完全透明需要设置画布也是透明的。
和背景一样,fc也提供了画布透明度属性(真是感谢fc3啊,还真是体贴)
名字就叫canvasBgAlpha,和上面一样也需要指定canvasBgAlpha=’0,0’看到这里大家应该知道这个画布也是可以设置渐变色的了吧。
好,看看我们最终的效果,当~~~~



真是很漂亮,对不对。应用fc3,发挥你的创造力,你就可以打造让人刮目相看的图表。
分享到:
评论

相关推荐

    delphi tchart 透明背景

    透明背景的实现主要是通过调整TChart 的Alpha通道值,使其部分或全部变得透明。在 Delphi 中,我们可以利用VCL(Visual Component Library)提供的图形处理功能来完成这一操作。具体步骤如下: 1. **设置Alpha通道*...

    C# 后台动态增加chart(图表)

    在上面的代码中,我们将 Series 控件添加到 Chart 控件中,并将 Chart 控件的背景色设置为透明,宽度设置为 350,高度设置为 230。 通过上面的代码,我们可以动态增加 Chart 控件,并设置其属性使其样式美观,且...

    winform中chart控件的简单应用,饼图、柱状图、曲线图

    3. 配置样式:可以设置每个扇形的填充色、边框颜色、透明度等。 三、柱状图的创建 柱状图以垂直或水平的柱子表示数据,易于比较不同类别的数值大小。创建柱状图的步骤如下: 1. 设置图表类型:`chart1.Series[...

    flex Chart

    4. 透明的柱状图:通过调整柱状图的透明度,可以实现数据的层叠效果,同时保持背景可见,增强视觉层次感。 关于Flex Chart的使用,我们可以深入探讨以下知识点: 1. **数据绑定**:Flex Chart组件的数据源可以是...

    C# ChartBar直观图

    6. **样式和格式**:可以调整数据系列、图表区域和整个图表的各种样式属性,例如颜色、宽度、透明度等,以达到所需的效果。 7. **更新和显示图表**:最后,确保在数据改变后更新图表,并使表单可见以显示图表。 ``...

    vs2010中chart控件使用教程

    还可以自定义图表的各种视觉效果,如颜色、透明度、数据标签、轴样式等。例如,设置系列颜色: ```csharp series1.Color = Color.Blue; ``` 或者修改轴的属性: ```csharp chart1.ChartAreas[0].AxisX.Title = ...

    Smobiler实现bubblechart源码

    5. **自定义样式**:可以通过设置 `Series.MarkerStyle` 来调整气泡的颜色、透明度、边框等外观。此外,`Series.Labels` 可用于显示每个气泡上的附加信息。 6. **更新数据**:如果你的应用需要动态更新数据,可以...

    c#vb.net中DataGridView透明表格半透明支持背景图

    在一些高级的用户界面设计中,可能会有需求将`DataGridView`设置为半透明或透明,同时支持自定义背景图片,以提供更加美观且个性化的用户体验。以下就是关于如何实现这一功能的详细解释。 首先,我们要理解透明度的...

    dev控件chart使用,实现柱状图与曲线图联合展示

    5. **定制样式和外观**:DevExpress Chart提供了丰富的样式选项,包括颜色、填充、边框、透明度等。可以对单独的系列、数据点甚至轴进行自定义,以达到预期的视觉效果。 6. **添加交互功能**:通过设置`HitTest`...

    WPF 柱状图 堆积柱状图 Chart使用

    此外,还可以通过调整颜色、透明度、边框样式等属性来自定义图表的视觉效果。例如: ```csharp series1.Color = Color.Blue; series2.Color = Color.Green; series1.BorderWidth = 2; series2.BorderWidth = 2; ```...

    VS2008中用Chart控件条状图

    可以修改系列的填充颜色、边框颜色、图案和透明度。还可以通过设置ChartArea的属性改变背景色、网格线样式等。 5. **事件处理**:Chart控件提供了丰富的事件,如MouseClick和MouseMove,可以用于实现交互式功能,...

    ms-Chart图表简单操作控件

    `ChartArea.AxisY.LineShadow`属性可以开启或关闭Y轴的阴影效果,调整阴影的颜色和透明度。 8. **事件处理**:MS Chart控件还提供了丰富的事件,如`Paint`事件可以自定义绘制逻辑,`Click`事件处理用户点击图表的...

    Chart FX for .NET --- 卓越的.NET图

    包含一些新的视觉属性(Visual Attributes),如边框(Borders)、渐变色(Gradients)、混合清晰度(Alpha Blending)、圆滑过渡(Anti-aliasing)和透明(Transparency) · 增强的Internet功能。 · ...

    Aspose.Chart

    Aspose.Chart 是一款针对.Net应用程序开发的经济和金融图表控件。 它可以使你的.Net应用...Aspose.Chart 同样支持许多强大的功能包括:3D 绘图,外筐边界,抗锯齿功能,透明度,倾斜度,自定义绘图以及图像合并等功能

    Avalonia桌面程序,简约可用,整合LiveChart2,SukiUI,已解决默认字体问题

    LiveChart2是一个强大的数据可视化库,它提供了各种图表类型,如折线图、柱状图、饼图等,用于展示和分析数据。通过LiveChart2,开发者可以轻松地将复杂的数据转换为直观的视觉表示,帮助用户更好地理解和探索数据。...

    精美统计图 Beautiful Chart

    这些工具能够创建出专业且引人入目的图表,具有出色的视觉效果和交互性,如同水晶般透明清晰,让数据的故事一目了然。 "Chart"和"统计图"标签进一步强调了这个主题的重点。Chart通常指代各种类型的图表,包括柱状图...

    Graph And Chart 1.20

    Graph And Chart 1.20提供了这些常见的图表类型,通过调整颜色、尺寸、透明度等属性,可以创建出符合游戏风格的定制化图表。 4. **网状图**: 网状图通常用于展示复杂的关系或网络结构,例如角色之间的关系网、...

    TMS FNC CHART FOR XE10-含破解

    透明度支持(仅限FMX)。 支持的框架和平台 VCL Win32 / Win64 FMX Win32 / Win64、MacOS-X、iOS、Android LCL Win32 / Win64、Mac OS-X、iOS、Android、无数Linux变体,包括Raspbian 支持的IDE Delphi XE10和...

    C# 3D 饼图 PieChart 三维

    - 外观:可以设置切片的厚度、透明度、阴影效果等,如`chart1.Series[0].PieSliceWidth = 0.2f;` - 标签:通过Label、LabelForeColor、LabelBackColor等属性定制标签样式。 - 旋转角度:使用StartAngle和...

    前端项目-chartjs-plugin-annotation.zip

    每个注释类型都有各自的配置选项,例如颜色、宽度、透明度、位置等,可以根据需要进行自定义。 #### 高级用法 除了基本的注释类型,`chartjs-plugin-annotation`还提供了一些高级特性: 1. **事件监听**:可以...

Global site tag (gtag.js) - Google Analytics