kg_charts 레이더 지도

kg_charts

kg_charts 아이콘 라이브러리. 현재는 레이더 차트만 있습니다. 다른 유형의 차트는 나중에 추가될 수 있습니다.

시작

dependencies:
  kg_charts: ^0.0.2

레이더 차트의 효과는 다음과 같습니다.










표제



사용 예:

RadarWidget(
            radarMap: RadarMapModel(
                legend: [
                  LegendModel('10/10',const Color(0XFF0EBD8D)),
                  LegendModel('10/11',const Color(0XFFEAA035)),
                ],
                indicator: [
                  IndicatorModel("English",100),
                  IndicatorModel("Physics",100),
                  IndicatorModel("Chemistry",100),
                  IndicatorModel("Biology",100),
                  IndicatorModel("Politics",100),
                  IndicatorModel("History",100),
                ],
                data: [
                  //   MapDataModel([48,32.04,1.00,94.5,19,60,50,30,19,60,50]),
                  //   MapDataModel([42.59,34.04,1.10,68,99,30,19,60,50,19,30]),
                  MapDataModel([100,90,90,90,10,20]),
                  MapDataModel([90,90,90,90,10,20]),
                ],
                radius: 130,
                duration: 2000,
                shape: Shape.square,
                maxWidth: 70,
                line: LineModel(4),
            ),
            textStyle: const TextStyle(color: Colors.black,fontSize: 14),
            isNeedDrawLegend: true,
            lineText: (p,length) =>  "${(p*100~/length)}%",
            dilogText: (IndicatorModel indicatorModel,List<LegendModel> legendModels,List<double> mapDataModels) {
              StringBuffer text = StringBuffer("");
              for(int i=0;i<mapDataModels.length;i++){
                text.write("${legendModels[i].name} : ${mapDataModels[i].toString()}");
                if(i!=mapDataModels.length-1){
                  text.write("\n");
                }
              }
              return text.toString();
            },
            outLineText: (data,max)=> "${data*100~/max}%",
          ),

매개변수 설명:


모수
유형
필요한
설명


레이더 지도
레이더지도모델
예
범례, 레이더 포인트, 레이더 데이터, 반경, 레이더 유형(원형, 사각형), 텍스트의 최대 너비, 내부에 그려진 여러 선(linemodel에는 드로잉 선 색상, 텍스트 크기 등이 포함됨)이 포함됩니다.

텍스트 스타일
스타일
아니요
외부 도면 텍스트의 색상 및 크기

isNeedDraw범례
부울
아니요
디폴트 참

라인텍스트
재미있는
아니요
내부 라인에 그려진 텍스트는 데이터에 따라 동적으로 생성됩니다. 비어 있으면 표시되지 않습니다.

dilogText
재미있는
아니요
나타나는 대화 상자를 클릭하고 데이터에 따라 동적으로 생성하십시오. 비어 있으면 표시되지 않습니다.

outLineText
재미있는
아니요
외부 선에 그려진 텍스트는 데이터에 따라 동적으로 생성됩니다. 비어 있으면 표시되지 않습니다.