AAChartModel / AAChartKit

📈📊🚀🚀🚀An elegant modern declarative data visualization chart framework for iOS, iPadOS and macOS. Extremely powerful, supports line, spline, area, areaspline, column, bar, pie, scatter, angular gauges, arearange, areasplinerange, columnrange, bubble, box plot, error bars, funnel, waterfall and polar chart types. 极其精美而又强大的现代化声明式数据可视化图表框架,支持柱状图、条形图、折线图、曲线图、折线填充图、曲线填充图、气泡图、扇形图、环形图、散点图、雷达图、混合图等各种类型的多达几十种的信息图图表,完全满足工作所需.
https://cocoapods.org/pods/AAChartKit
MIT License
4.73k stars 752 forks source link

这种样式的折线图与柱形范围图的混合图表怎么实现 #1225

Closed YangyangD closed 3 years ago

YangyangD commented 3 years ago

我通过demo实现的混合图表是这样的 Simulator Screen Shot - iPhone 6 - 2021-07-30 at 18 35 32 我想要实现的效果是这样的 图片 如何把下面这一栏去掉,并且柱状图和折线图不能被点击 Simulator Screen Shot - iPhone 6 - 2021-07-30 at 18 35 32

AAChartModel commented 3 years ago

底部这部分叫做 legend(图例) 隐藏图例参考 https://github.com/AAChartModel/AAChartKit/issues/399

AAChartModel commented 3 years ago

柱状图和折线图不能被点击

可直接禁用 AAChartView 的用户交互事件来禁止点击功能

另外禁用混合图表中的部分内容的交互功能, 可参考 #903

YangyangD commented 3 years ago

好的,我看一下,谢啦,折线图上的值,如何修改成自定义的文字【像那种高、低】什么的

AAChartModel commented 3 years ago

折线图上的值,如何修改成自定义的文字【像那种高、低】什么的

自定义数据文字内容, 参考 AAChartKit 的 Demo 中的 AADataLabels 相关使用示例

@interface AADataLabels : NSObject

//https://api.hcharts.cn/highcharts#plotOptions.area.dataLabels.align
//align: 水平对齐
//allowOverlap: 允许重叠
//backgroundColor: 背景颜色
//borderColor: 边框颜色
//borderRadius: 边框圆角
//borderWidth: 边框宽度
//className: 类名
//color: 颜色
//crop: 裁剪
//defer: 延迟显示
//enabled: 开关
//format: 格式化字符串
//formatter: 格式化函数
//inside: 显示在内部
//overflow: 溢出处理
//padding: 内边距
//rotation: 旋转角度
//shadow: 阴影
//shape: 箭头形状
//style: 样式
//useHTML: HTML 渲染
//verticalAlign: 竖直对齐方式
//x: 水平偏移
//y: 竖直偏移
//zIndex

//https://api.hcharts.cn/highcharts#plotOptions.pie.dataLabels.connectorPadding
//backgroundColor: undefined
//borderColor: undefined
//borderRadius: 0
//borderWidth: 0
//className: undefined
//color: undefined
//connectorColor: "{point.color}"
//connectorPadding: 5
//connectorWidth: 1
//crop: true
//defer: true
//distance: 30
//enabled: true
//format: "{y}"
//formatter: undefined
//inside: undefined
//overflow: "justify"
//padding: 5
//rotation: 0
//shadow: false
//shape: "square"
//softConnector: true
//style: {"color": "contrast", "fontSize": "11px", "fontWeight": "bold", "textOutline": "1px 1px contrast" }
//useHTML: false
//verticalAlign: undefined
//x: 0
//y: -6
//zIndex

AAPropStatementAndPropSetFuncStatement(assign, AADataLabels, BOOL      , enabled)
AAPropStatementAndPropSetFuncStatement(assign, AADataLabels, NSString *, align)
AAPropStatementAndPropSetFuncStatement(strong, AADataLabels, AAStyle  *, style) 
AAPropStatementAndPropSetFuncStatement(copy,   AADataLabels, NSString *, format)
AAPropStatementAndPropSetFuncStatement(copy,   AADataLabels, NSString *, formatter)
AAPropStatementAndPropSetFuncStatement(strong, AADataLabels, NSNumber *, rotation) 
AAPropStatementAndPropSetFuncStatement(assign, AADataLabels, BOOL      , allowOverlap) 
AAPropStatementAndPropSetFuncStatement(assign, AADataLabels, BOOL      , useHTML) 
AAPropStatementAndPropSetFuncStatement(strong, AADataLabels, NSNumber *, distance)
AAPropStatementAndPropSetFuncStatement(copy,   AADataLabels, NSString *, verticalAlign)
AAPropStatementAndPropSetFuncStatement(strong, AADataLabels, NSNumber *, x) 
AAPropStatementAndPropSetFuncStatement(strong, AADataLabels, NSNumber *, y)
AAPropStatementAndPropSetFuncStatement(copy,   AADataLabels, NSString *, color)
AAPropStatementAndPropSetFuncStatement(copy,   AADataLabels, NSString *, backgroundColor)
AAPropStatementAndPropSetFuncStatement(copy,   AADataLabels, NSString *, borderColor)
AAPropStatementAndPropSetFuncStatement(copy,   AADataLabels, NSNumber *, borderRadius)
AAPropStatementAndPropSetFuncStatement(copy,   AADataLabels, NSNumber *, borderWidth)
AAPropStatementAndPropSetFuncStatement(copy,   AADataLabels, NSString *, shape)
AAPropStatementAndPropSetFuncStatement(assign, AADataLabels, BOOL      , crop)
AAPropStatementAndPropSetFuncStatement(assign, AADataLabels, BOOL      , inside)
AAPropStatementAndPropSetFuncStatement(copy,   AADataLabels, NSString *, overflow)//该参数用于处理当数据标签超出绘图区时处理方式,默认值是 justify,即将超过绘图区的数据标签对齐绘图区内,对于柱形,也就意味着数据标签将会被移动到柱子内部。通过设置 crop 为 false 及 overflow 为"none" 可以让数据标签显示在绘图区的外面。 默认是:justify.
AAPropStatementAndPropSetFuncStatement(assign, AADataLabels, BOOL      , softConnector)//Whether to render the connector as a soft arc or a line with sharp break. Only useful for pie, pyramid and funnel chart
AAPropStatementAndPropSetFuncStatement(strong, AADataLabels, NSDictionary *, textPath)
AAPropStatementAndPropSetFuncStatement(strong, AADataLabels, NSDictionary *, filter)

@end
YangyangD commented 3 years ago

谢谢啊,我研究一下,非常感谢

AAChartModel commented 3 years ago

参考在线文档 https://api.hcharts.cn/highcharts#plotOptions.area.dataLabels.align

主要是依靠

//format: 格式化字符串
//formatter: 格式化函数

这两个属性来自定义 AADataLabels 中的文字内容