美文网首页
柱状图设置

柱状图设置

作者: Flutter求学者 | 来源:发表于2022-06-09 11:17 被阅读0次
// 设置XY轴动画
    [barView animateWithYAxisDuration:1.0f];
    [barView animateWithXAxisDuration:1.0f];
    // 是否绘制阴影背景
    barView.drawBarShadowEnabled = NO;
    // 数值显示是否在条柱上面
    barView.drawValueAboveBarEnabled = YES;
    // 没有数据的时候的显示
    barView.noDataText = @"暂无数据";
    barView.noDataFont = [UIFont systemFontOfSize:16];
    barView.noDataTextColor = [UIColor whiteColor];
    // 是否画右边坐标轴
    barView.rightAxis.enabled = NO;
    //是否画图例(图例的具体配置可参照我的饼状图)
    barView.legend.enabled = NO;
    // 是否可以拖拽设置
    barView.dragEnabled = YES;
    // 双击是否缩放
    barView.doubleTapToZoomEnabled = NO;
    // XY轴是否缩放
    barView.scaleXEnabled = NO;//X轴缩放
    barView.scaleYEnabled = NO;//Y轴缩放
    // XY轴是否可以同时缩放
    barView.pinchZoomEnabled = NO;
    // 是否开启描述label
    barView.chartDescription.enabled = NO;
    barView.delegate=self;
    ChartXAxis *xAxis = barView.xAxis;// 获取X轴
    xAxis.labelPosition = XAxisLabelPositionBottom;// X轴的显示位置
    xAxis.drawGridLinesEnabled = NO; // 是否绘制网格
    xAxis.labelFont = [UIFont fontWithName:@"Helvetica-Bold" size:10.0f];// X轴数值上面的字体 大小
    xAxis.labelTextColor = [UIColor darkGrayColor];// X轴数值颜色
    xAxis.labelWidth=10;// X轴label宽度
    xAxis.labelCount=12;// X轴显示的label数量
    xAxis.gridLineDashLengths = @[@3.0f, @3.0f];// 设置虚线样式的网格线
    xAxis.gridColor = [UIColor colorWithRed:153/255.f green:153/255.f blue:153/255.f alpha:1];// 网格线颜色
    xAxis.gridAntialiasEnabled = YES;
    xAxis.valueFormatter = self;
    
    ChartYAxis *leftAxis = barView.leftAxis;// 获取Y轴
    NSNumberFormatter *leftAxisFormatter = [[NSNumberFormatter alloc] init];// 坐标数值样式
    leftAxisFormatter.maximumFractionDigits=1;// Y轴坐标最多为1位小数
    leftAxis.drawGridLinesEnabled = YES; // 是否绘制网格
    leftAxis.gridLineDashLengths = @[@5.f, @5.f];
    leftAxis.valueFormatter = [[ChartDefaultAxisValueFormatter alloc] initWithFormatter:leftAxisFormatter];
    leftAxis.axisMinimum=0;// 最小值
    leftAxis.labelPosition = YAxisLabelPositionOutsideChart;// 坐标数值的位置
    leftAxis.labelTextColor = [UIColor darkGrayColor];// Y轴数值颜色
    leftAxis.labelCount=4;// 数值分割个数
    leftAxis.spaceTop=0.15;// 最大值到顶部的范围比
    
    BalloonMarker *marker = [[BalloonMarker alloc]
                             initWithColor: [UIColor colorWithWhite:180/255. alpha:1.0]
                             font: [UIFont systemFontOfSize:12.0]
                             textColor: UIColor.whiteColor
                             insets: UIEdgeInsetsMake(8.0, 8.0, 20.0, 8.0)];
    marker.chartView = barView;
    marker.minimumSize = CGSizeMake(80.f, 40.f);
    barView.marker = marker;

相关文章

  • 可视化库Highcharts-5-绘制柱状图3

    Highcharts-5-柱状图3 本文中介绍的是3种柱状图相关设置: x轴属性倾斜设置 区间变化柱状图(温度为例...

  • bokeh绘制柱状图——堆叠图——直方图

    1、单系列柱状图-vbar 2.单系列柱状图 - 分类设置标签-ColumnDataSource 2、多系列柱状图...

  • MPAndroidChart(二)——BarChart

    BarChart柱状图: 界面布局 首先在activity中对柱状图的属性进行设置其中mChart是对柱状图的样式...

  • MPAndroidChart(三)——BarChart(多组)

    BarChart柱状图(多组) 首先在activity中对柱状图的属性进行设置其中mChart是对柱状图的样式及效...

  • 图表优化

    1.进入页面默认显示柱状图。选择柱状图type后,更改日期默认显示之前type的柱状图。 在js中设置全局变量va...

  • Matplotlib模块-阶段二

    设置图例 设置注解 设置坐标轴可见度 散点图 柱状图 等高线 设置图例 设置注解 设置坐标轴可见度 散点图 简略散...

  • 柱状图设置

  • Pandas 数据可视化总结

    基本图形 柱状图 散点图 蜂窝图 大量重复的点可以用这种图表示 柱状图-叠加模式 面积模式 折线模式 美化 设置图...

  • Pandas 数据可视化

    基本图形 柱状图 散点图 蜂窝图 大量重复的点可以用这种图表示 柱状图-叠加模式 面积模式 折线模式 美化 设置图...

  • 记Echarts的一些用法

    Echarts柱状图每个柱设置不同的颜色 效果如下图 Echarts取消网格线 比如X轴的设置 show属性是设置...

网友评论

      本文标题:柱状图设置

      本文链接:https://www.haomeiwen.com/subject/mscmmrtx.html