visifire 控件相关属性设置

Chart 部分
A:
<vc:Chart x:Name="HourlyChart"  Theme="Theme1" Grid.Row="1"  xmlns:vc="clr-namespace:Visifire.Charts;assembly=SLVisifire.Charts" Margin="5" AnimatedUpdate="true"  IndicatorEnabled="True" ZoomingEnabled="True" ZoomOutText="返回"  ShowAllText="退出" >
AnimatedUpdate:是否动画更新  
IndicatorEnabled:是否显示指标(如图中第一个)
ZoomingEnabled:是否可以缩放, ZoomOutText:设置返回上一次缩放操作文本,ShowAllText:设置退出缩放文本
ScrollingEnabled:滚动条是否可用
View3D:是否3D显示
LightingEnabled :是否高亮显示

B: 设置图标题标题
<vc:Chart.Titles> 
 <vc:Title FontSize="16" Text="测试标题" Padding="6"/> 
</vc:Chart.Titles> 
C:固定设置图例样式和图例颜色(图例一般根据数据自动生成)
    <vc:Chart.Legends >
      <vc:Legend    Margin="0,9,-52,0" Height="148" VerticalAlignment="Top"  HorizontalAlignment="Right" Width="44" >
            <vc:Legend.Template>
                  <ControlTemplate>
                 <!—图例样式—>
                  </ControlTemplate>
             </vc:Legend.Template>
      </vc:Legend>
   </vc:Chart.Legends>
DataSeries:数据集
RenderAs:  设置图表显示类型,(枚举值) 设置如:RenderAs = RenderAs.Spline
     LabelEnabled 是否显示图表中的文本,文本显示样式LabelStyle="Inside" [LabelStyle=LabelStyles.Inside] 表示文字内嵌 LabelText = "#YValue" //设置
	 Bevel 是否斜面显示
在RenderAs 设置为Spline时  
MarkerType可以设置 节点样式如实例 中的第六个

DataPoint 数据点
    A:  Title 文本 ,ValueFormatString:XValue数据格式化,IntervalType 间隔方式(枚举值),Interval 间隔值
       <vc:Chart.AxesX> 
        <vc:Axis Title="Month" ValueFormatString="d/MMM" IntervalType="Months" Interval="1"> 
          <vc:Axis.Grids> 
            <vc:ChartGrid Interval="0.2" InterlacedColor="#0Ae66e6e"  /> 
          </vc:Axis.Grids> 
        </vc:Axis> 
    </vc:Chart.AxesX> 
     Logarithmic:y轴刻度对数启用,LogarithmBase:对数基数, Prefix设置y轴文本前缀
    <vc:Chart.AxesY> 
        <vc:Axis Interval="1" Title="Market Share" Logarithmic="True" LogarithmBase="5" LineThickness="0"> 
          <vc:Axis.Grids> 
            <vc:ChartGrid Interval="0.2" InterlacedColor="#0Ae66e6e" /> 
          </vc:Axis.Grids> 
        </vc:Axis> 
    </vc:Chart.AxesY>  
具体样式参看第三个图
B: 数据格式化显示
    
   XValue的值格式化:
在DataSeries中使用XValueFormatString格式化文本,显示结果控制显示的是鼠标放上去后tooltips显示的值的文本样式;如下图 XValueFormatString=”hh:mm:ss”
在如下代码中设置 控制的是 X轴文本显示样式 如下图
<vc:Chart.AxesX>
              <vc:Axis IntervalType="Hours" Title="Hours" ValueFormatString="hh:mm tt"/>
       </vc:Chart.AxesX>
 
  
设置XValueType当前值的类型(枚举值);



  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
Visifire是一个流行的数据可视化工具,提供了丰富的图表样例,以方便开发人员创建各种图表。以下是一些Visifire图表样例的简介。 1. 折线图:Visifire提供了多种折线图样例,可以展示时间序列数据、趋势分析等。开发人员可以根据自己的需求选择不同的样式和设置。 2. 柱状图:Visifire的柱状图样例适用于展示不同类别的数据比较。开发人员可以自定义柱状图的颜色、宽度和注释等属性。 3. 饼图:Visifire的饼图样例可以用于展示百分比数据或者不同类别之间的比例关系。开发人员可以设置饼图的大小、颜色和标签位置等。 4. 散点图:Visifire的散点图样例适合展示二维数据的相关性。开发人员可以设置散点图的标记形状、大小和颜色,以及添加趋势线等。 5. 热力图:Visifire的热力图样例可以用于展示二维数据的密度分布,特别适用于大量数据的可视化。开发人员可以自定义热力图的颜色渐变、数值范围和标签等。 6. 金字塔图:Visifire的金字塔图样例适用于展示层级结构或者阶段比例。开发人员可以调整金字塔图的颜色、尺寸和标签位置等。 7. 股票图:Visifire的股票图样例可以展示股票价格的变化趋势。开发人员可以设置股票图的时间范围、坐标轴刻度和数据点样式等。 总之,Visifire提供了众多图表样例,可以满足不同类型和需求的数据可视化。开发人员可以根据自己的需求选择合适的样例并进行自定义设置,以实现令人印象深刻且有吸引力的数据可视化效果。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

seelingzheng

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值