zoukankan      html  css  js  c++  java
  • [翻译] FSLineChart

    FSLineChart

    A line chart library for iOS.

    一个iOS的线状图控件。

    Installing FSLineChart - 安装

    Add the contents of the FSLineChart project to your directory or simply add the following line to your Podfile:

    将下面一句话添加到你的Podfile文件当中:

    pod "FSLineChart"
    

    How to use - 使用

    FSLineChart is a subclass of UIView so it can be added as regular view. The block structure allows you to format the values displayed on the chart the way you want. Here is a simple example:

    FSLineChart继承自UIView,所以,你可以像普通view那样子来使用它。在block当中,你可以构造你需要显示的数据,以下是使用示例:

    NSArray* months = @[@"January", @"February", @"March", @"April", @"May", @"June", @"July"];
    
    FSLineChart* lineChart = [[FSLineChart alloc] initWithFrame:CGRectMake(20, 260, [UIScreen mainScreen].bounds.size.width - 40, 166)];
    
    lineChart.labelForIndex = ^(NSUInteger item) {
        return months[item];
    };
    
    lineChart.labelForValue = ^(CGFloat value) {
        return [NSString stringWithFormat:@"%.02f €", powf(10,value)];
    };
    
    [lineChart setChartData:chartData];

    You can also set several parameters. All those properties are available:

    你也可以单独的设置参数,所有你可以设置的参数都在下面:

    // Index label properties
    @property (copy) FSLabelForIndexGetter labelForIndex;
    @property (nonatomic, strong) UIFont* indexLabelFont;
    @property (nonatomic) UIColor* indexLabelTextColor;
    @property (nonatomic) UIColor* indexLabelBackgroundColor;
    
    // Value label properties
    @property (copy) FSLabelForValueGetter labelForValue;
    @property (nonatomic, strong) UIFont* valueLabelFont;
    @property (nonatomic) UIColor* valueLabelTextColor;
    @property (nonatomic) UIColor* valueLabelBackgroundColor;
    @property (nonatomic) ValueLabelPositionType valueLabelPosition;
    
    // Number of visible step in the chart
    @property (nonatomic) int gridStep;
    @property (nonatomic) int verticalGridStep;
    @property (nonatomic) int horizontalGridStep;
    
    // Margin of the chart
    @property (nonatomic) CGFloat margin;
    
    @property (nonatomic) CGFloat axisWidth;
    @property (nonatomic) CGFloat axisHeight;
    
    // Decoration parameters, let you pick the color of the line as well as the color of the axis
    @property (nonatomic, strong) UIColor* axisColor;
    @property (nonatomic) CGFloat axisLineWidth;
    
    // Chart parameters
    @property (nonatomic, strong) UIColor* color;
    @property (nonatomic, strong) UIColor* fillColor;
    @property (nonatomic) CGFloat lineWidth;
    
    // Data points
    @property (nonatomic) BOOL displayDataPoint;
    @property (nonatomic, strong) UIColor* dataPointColor;
    @property (nonatomic, strong) UIColor* dataPointBackgroundColor;
    @property (nonatomic) CGFloat dataPointRadius;
    
    // Grid parameters
    @property (nonatomic) BOOL drawInnerGrid;
    @property (nonatomic, strong) UIColor* innerGridColor;
    @property (nonatomic) CGFloat innerGridLineWidth;
    
    // Smoothing
    @property (nonatomic) BOOL bezierSmoothing;
    @property (nonatomic) CGFloat bezierSmoothingTension;
    
    // Animations
    @property (nonatomic) CGFloat animationDuration;

    Examples - 例子

    You can clone the repo to see a simple example. I'm also using FSLineChart on ChartLoot if you want to see the integration in a bigger project.

    你可以参考示例来查看,我在这个项目ChartLoot中使用了这个控件,你们可以去看看。

  • 相关阅读:
    对《分享一下自己用c++写的小地图》一文的补充
    大神的Blog挂了,从Bing快照里复制过来的备份
    如何创建独立的UE4服务端
    打包如何打包额外文件,比如Sqlite数据库的db文件
    关于如何通过定义自己的CameraManager来控制视角
    Slate中绑定动态数据
    分享一下自己用c++写的小地图
    2016.8看到的一些有用的文章
    如何在插件中添加Actor类
    如何使用的Ue4自带的SQLiteSupport
  • 原文地址:https://www.cnblogs.com/YouXianMing/p/4214344.html
Copyright © 2011-2022 走看看