AAChartKit-Swift icon indicating copy to clipboard operation
AAChartKit-Swift copied to clipboard

想把气泡做成图片里的样子,应该怎么做呢?

Open HuChengzhen opened this issue 6 years ago • 5 comments

想把气泡做成图片里的样子,应该怎么做呢? 在 swift 里面没有找到AAOptionsConstructor

2018-11-21 7 43 43

HuChengzhen avatar Nov 21 '18 11:11 HuChengzhen

Swift版本的AAOptionsConstructor其实在AAJSFiles.bundle里.这样处理主要是为了简化代码量.好处是少了大量的OC模型文件,坏处是灵活性较差,有些特殊的自定义功能,只能直接手动去修改AAOptionsConstructor源文件里面的内容. 你图中所示的所谓气泡其实就是通过AAMarker来设置的,具体设置的JavaScript代码如下:


            var aaMarker = {};
                aaMarker.radius = aaChartModel.markerRadius; //曲线连接点半径,默认是4
                aaMarker.symbol = aaChartModel.symbol; //曲线点类型:"circle", "square", "diamond", "triangle","triangle-down",默认是"circle"
            
                //设置曲线连接点风格样式
                if (aaChartModel.symbolStyle === "innerBlank") {
                        aaMarker.fillColor = "#ffffff"; //点的填充色(用来设置折线连接点的填充色)
                        aaMarker.lineWidth = 2; //外沿线的宽度(用来设置折线连接点的轮廓描边的宽度)
                        aaMarker.lineColor = ""; //外沿线的颜色(用来设置折线连接点的轮廓描边颜色,当值为空字符串时,默认取数据点或数据列的颜色。)
                } else if (aaChartModel.symbolStyle === "borderBlank") {
                        aaMarker.lineWidth = 2;
                        aaMarker.lineColor = aaChartModel.backgroundColor;



AAChartModel avatar Nov 22 '18 01:11 AAChartModel

不过你用不着去修改JavaScript文件的源码. 这个折线连接标记点样式风格在AAChartModel中不是有一个枚举值吗?

public enum AAChartSymbolStyleType: String {
    case normal, innerBlank, borderBlank
}

其中AAChartSymbolStyleType.innerBlank就是设置折线连接标记点样式为中空(就是你所谓的气泡)的效果. 而且demo中也是有设置为这种中空样式的示例代码吧.你可以仔细看看.

AAChartModel avatar Nov 22 '18 01:11 AAChartModel

图片中的浮动提示有实现的方法吗?

HuChengzhen avatar Nov 22 '18 03:11 HuChengzhen

当前的demo中的示例图表的浮动提示框不是已经有了吗?你主要是要修改浮动提示框的背景颜色吗?

AAChartModel avatar Nov 22 '18 06:11 AAChartModel

这个图片是视觉稿,我想去实现这样的效果?非常感谢您的回应。

HuChengzhen avatar Nov 22 '18 06:11 HuChengzhen