代码拉取完成，页面将自动刷新
mpchart是一个包含各种类型图表的图表库，主要用于业务数据汇总，例如销售数据走势图，股价走势图等场景中使用，方便开发者快速实现图表UI，mpchart主要包括曲线图、柱形图、饼状图、蜡烛图、气泡图，雷达图等自定义图表库。
npm install @ohos/mpchart --save
OpenHarmony npm环境配置等更多内容，请参考 如何安装OpenHarmony npm包 。
在项目的entry目录下的modele.json5的module属性里加上如下代码
"metadata": [
{
"name": "ArkTSPartialUpdate",
"value": "true"
}
]
topAxis: XAxis = new XAxis(); //顶部X轴
bottomAxis: XAxis = new XAxis(); //底部X轴
mWidth: number = 350; //表的宽度
mHeight: number = 300; //表的高度
minOffset: number = 15; //X轴线偏移量
leftAxis: YAxis = null;
rightAxis: YAxis = null;
lineData: LineData = null;
@State
lineChartModel: LineChartModel = new LineChartModel();
public aboutToAppear() {
this.titleModel.menuItemArr = this.menuItemArr
this.titleModel.title = this.title
this.lineData = this.initCurveData(45, 180);
this.topAxis.setLabelCount(5, false);
this.topAxis.setPosition(XAxisPosition.TOP);
this.topAxis.setAxisMinimum(0);
this.topAxis.setAxisMaximum(44);
this.bottomAxis.setLabelCount(5, false);
this.bottomAxis.setPosition(XAxisPosition.BOTTOM);
this.bottomAxis.setAxisMinimum(0);
this.bottomAxis.setAxisMaximum(44);
this.bottomAxis.setDrawAxisLine(false);
this.bottomAxis.setDrawLabels(false)
this.leftAxis = new YAxis(AxisDependency.LEFT);
this.leftAxis.setLabelCount(7, false);
this.leftAxis.setPosition(YAxisLabelPosition.OUTSIDE_CHART);
this.leftAxis.setSpaceTop(15);
this.leftAxis.setAxisMinimum(-50);
this.leftAxis.setAxisMaximum(200);
this.leftAxis.enableGridDashedLine(5,5,0)
this.rightAxis = new YAxis(AxisDependency.RIGHT);
this.rightAxis.setDrawGridLines(false);
this.rightAxis.setLabelCount(7, false);
this.rightAxis.setSpaceTop(11);
this.rightAxis.setAxisMinimum(-50); // this replaces setStartAtZero(true)
this.rightAxis.setAxisMaximum(200);
this.rightAxis.setDrawAxisLine(false);
this.rightAxis.setDrawLabels(false);
var upperLimtLine:LimitLine= new LimitLine(150, "Upper Limit");
upperLimtLine.setLineWidth(4);
upperLimtLine.enableDashedLine(5, 5, 0);
upperLimtLine.setLabelPosition(LimitLabelPosition.RIGHT_TOP);
upperLimtLine.setTextSize(10);
var lowerLimtLine:LimitLine= new LimitLine(-30, "Lower Limit");
lowerLimtLine.setLineWidth(4);
lowerLimtLine.enableDashedLine(5, 5, 0);
lowerLimtLine.setLabelPosition(LimitLabelPosition.RIGHT_BOTTOM);
lowerLimtLine.setTextSize(10);
this.leftAxis.setDrawLimitLinesBehindData(true);
this.leftAxis.addLimitLine(upperLimtLine);
this.leftAxis.addLimitLine(lowerLimtLine);
this.lineChartModel.setTopAxis(this.topAxis);
this.lineChartModel.setBottomAxis(this.bottomAxis);
this.lineChartModel.setWidth(this.mWidth);
this.lineChartModel.setHeight(this.mHeight);
this.lineChartModel.setMinOffset(this.minOffset);
this.lineChartModel.setLeftAxis(this.leftAxis);
this.lineChartModel.setRightAxis(this.rightAxis);
this.lineChartModel.setLineData(this.lineData);
this.lineChartModel.init();
}
build() {
Stack({ alignContent: Alignment.TopStart }) {
LineChart({lineChartModel: this.lineChartModel})
}
}
aboutToAppear(){
this.leftAxis = new YAxis(AxisDependency.LEFT);
this.leftAxis.setLabelCount(11, false);
this.leftAxis.setPosition(YAxisLabelPosition.OUTSIDE_CHART);
this.leftAxis.setSpaceTop(15);
this.leftAxis.setAxisMinimum(0);
this.leftAxis.setAxisMaximum(100);
this.leftAxis.enableGridDashedLine(10,10,0)
this.rightAxis = new YAxis(AxisDependency.RIGHT);
this.rightAxis.setDrawGridLines(false);
this.rightAxis.setLabelCount(7, false);
this.rightAxis.setSpaceTop(11);
this.rightAxis.setAxisMinimum(0); // this replaces setStartAtZero(true)
this.rightAxis.setAxisMaximum(100);
this.bottomAxis.setLabelCount(6, false);
this.bottomAxis.setPosition(XAxisPosition.BOTTOM);
this.bottomAxis.setAxisMinimum(0);
this.bottomAxis.setAxisMaximum(12);
this.setData(this.bottomAxis.getAxisMaximum(),this.leftAxis.getAxisMaximum())
this.model.mWidth = this.mWidth;
this.model.mHeight = this.mHeight;
this.model.init();
this.model.setDrawBarShadow(false);
this.model.setDrawValueAboveBar(true);
this.model.getDescription().setEnabled(false);
this.model.setMaxVisibleValueCount(60);
this.model.setLeftYAxis(this.leftAxis);
this.model.setRightYAxis(this.rightAxis);
this.model.setXAxis(this.bottomAxis)
this.model.mRenderer.initBuffers();
this.model.prepareMatrixValuePx();
}
private setData(count: number, range: number) {
let start: number = 1;
let values:JArrayList<BarEntry> = new JArrayList<BarEntry>();
for (let i = start; i < start + count; i++) {
let val: number = (Math.random() * range);
if (Math.random() * 100 < 25) {
let paint:ImagePaint = new ImagePaint();
paint.setIcon("app.media.star");
values.add(new BarEntry(i, val, paint));
} else {
values.add(new BarEntry(i, val));
}
}
let set1: BarDataSet;
if (this.model.getBarData() != null &&
this.model.getBarData().getDataSetCount() > 0) {
set1 = this.model.getBarData().getDataSetByIndex(0) as BarDataSet;
set1.setValues(values);
this.model.getBarData().notifyDataChanged();
this.model.notifyDataSetChanged();
} else {
set1 = new BarDataSet(values, "The year 2017");
set1.setDrawIcons(false);
let startColor1: number = 0xffffbb33;
let startColor2 = 0xff33b5e5;
let startColor3 = 0xffffbb33;
let startColor4 = 0xff99cc00;
let startColor5 = 0xffff4444;
let endColor1 = 0xff0099cc;
let endColor2 = 0xffaa66cc;
let endColor3 = 0xff669900;
let endColor4 = 0xffcc0000;
let endColor5 = 0xffff8800;
let gradientFills:JArrayList<Fill> = new JArrayList<Fill>();
gradientFills.add(new Fill(null,startColor1, endColor1));
gradientFills.add(new Fill(null,startColor2, endColor2));
gradientFills.add(new Fill(null,startColor3, endColor3));
gradientFills.add(new Fill(null,startColor4, endColor4));
gradientFills.add(new Fill(null,startColor5, endColor5));
set1.setFills(gradientFills);
let dataSets: JArrayList<IBarDataSet> = new JArrayList<IBarDataSet>();
dataSets.add(set1);
let data: BarData = new BarData(dataSets);
data.setValueTextSize(10);
data.setBarWidth(0.9);
this.model.setData(data);
}
}
build() {
Stack({ alignContent: Alignment.TopStart }) {
BarChart({model:this.model})
}
}
aboutToAppear(){
this.leftAxis = new YAxis(AxisDependency.LEFT);
this.leftAxis.setLabelCount(11, false);
this.leftAxis.setPosition(YAxisLabelPosition.OUTSIDE_CHART);
this.leftAxis.setSpaceTop(15);
this.leftAxis.setAxisMinimum(0);
this.leftAxis.setAxisMaximum(12);
this.leftAxis.enableGridDashedLine(10,10,0)
this.topAxis.setLabelCount(6, false);
this.topAxis.setPosition(XAxisPosition.TOP);
this.topAxis.setAxisMinimum(0);
this.topAxis.setAxisMaximum(100);
this.bottomAxis.setLabelCount(6, false);
this.bottomAxis.setPosition(XAxisPosition.BOTTOM);
this.bottomAxis.setAxisMinimum(0);
this.bottomAxis.setAxisMaximum(100);
this.setData(this.leftAxis.getAxisMaximum(),this.bottomAxis.getAxisMaximum())
this.model.mWidth = this.mWidth;
this.model.mHeight = this.mHeight;
this.model.init();
this.model.setDrawBarShadow(false);
this.model.setDrawValueAboveBar(true);
this.model.getDescription().setEnabled(false);
this.model.setMaxVisibleValueCount(60);
this.model.setLeftYAxis(this.leftAxis);
this.model.setTopXAxis(this.topAxis);
this.model.setBottomXAxis(this.bottomAxis)
this.model.mRenderer.initBuffers();
this.model.prepareMatrixValuePx();
}
private setData(count: number, range: number) {
let start: number = 1;
let values:JArrayList<BarEntry> = new JArrayList<BarEntry>();
for (let i = start; i < start + count; i++) {
let val: number = (Math.random() * range);
if (Math.random() * 100 < 25) {
let paint:ImagePaint = new ImagePaint();
paint.setIcon("app.media.star");
values.add(new BarEntry(val, i, paint));
} else {
values.add(new BarEntry(val, i));
}
}
let set1: BarDataSet;
if (this.model.getBarData() != null &&
this.model.getBarData().getDataSetCount() > 0) {
set1 = this.model.getBarData().getDataSetByIndex(0) as BarDataSet;
set1.setValues(values);
this.model.getBarData().notifyDataChanged();
this.model.notifyDataSetChanged();
} else {
set1 = new BarDataSet(values, "The year 2017");
set1.setDrawIcons(false);
let startColor1: number = 0xffffbb33;
let startColor2 = 0xff33b5e5;
let startColor3 = 0xffffbb33;
let startColor4 = 0xff99cc00;
let startColor5 = 0xffff4444;
let endColor1 = 0xff0099cc;
let endColor2 = 0xffaa66cc;
let endColor3 = 0xff669900;
let endColor4 = 0xffcc0000;
let endColor5 = 0xffff8800;
let gradientFills:JArrayList<Fill> = new JArrayList<Fill>();
gradientFills.add(new Fill(null,startColor1, endColor1));
gradientFills.add(new Fill(null,startColor2, endColor2));
gradientFills.add(new Fill(null,startColor3, endColor3));
gradientFills.add(new Fill(null,startColor4, endColor4));
gradientFills.add(new Fill(null,startColor5, endColor5));
set1.setFills(gradientFills);
let dataSets: JArrayList<IBarDataSet> = new JArrayList<IBarDataSet>();
dataSets.add(set1);
let data: BarData = new BarData(dataSets);
data.setValueTextSize(10);
data.setBarWidth(0.9);
this.model.setData(data);
}
}
build() {
Stack({ alignContent: Alignment.TopStart }) {
BarChart({model:this.model})
}
}
aboutToAppear() {
this.pieData = this.initPieData(4, 10);
this.pieModel.setDrawAngles([80,40,140,100])
.setPieData(this.pieData)
.setRadius(500)
.setHoleRadius(0.5)
}
private initPieData(count:number, range:number):PieData{
let entries = new JArrayList<PieEntry>();
for (var i = 0; i < count ; i++) {
entries.add(new PieEntry(((Math.random() * range) + range / 5),this.parties[i % this.parties.length]))
}
let dataSet:PieDataSet = new PieDataSet(entries, "Election Results");
dataSet.setDrawIcons(false);
dataSet.setSliceSpace(3);
dataSet.setIconsOffset(new MPPointF(0, 40));
dataSet.setSelectionShift(5);
// add a lot of colors
let colors:JArrayList<number> = new JArrayList();
for (var index = 0; index < ColorTemplate.VORDIPLOM_COLORS.length; index++) {
colors.add( ColorTemplate.VORDIPLOM_COLORS[index]);
}
for (var index = 0; index < ColorTemplate.JOYFUL_COLORS.length; index++) {
colors.add( ColorTemplate.JOYFUL_COLORS[index]);
}
for (var index = 0; index < ColorTemplate.COLORFUL_COLORS.length; index++) {
colors.add( ColorTemplate.COLORFUL_COLORS[index]);
}
for (var index = 0; index < ColorTemplate.LIBERTY_COLORS.length; index++) {
colors.add( ColorTemplate.LIBERTY_COLORS[index]);
}
for (var index = 0; index < ColorTemplate.PASTEL_COLORS.length; index++) {
colors.add( ColorTemplate.PASTEL_COLORS[index]);
}
colors.add(ColorTemplate.getHoloBlue());
dataSet.setColorsByList(colors);
return new PieData(dataSet)
}
build() {
Stack({ alignContent: Alignment.TopStart }) {
PieChart({
model:this.pieModel
})
}
}
topAxis: XAxis = new XAxis(); //顶部X轴
bottomAxis: XAxis = new XAxis(); //底部X轴
mWidth: number = 300; //表的宽度
mHeight: number = 300; //表的高度
minOffset: number =15; //X轴线偏移量
leftAxis: YAxis = new YAxis();
rightAxis: YAxis = new YAxis();
data:BubbleData= new BubbleData();
isDrawValuesEnable:boolean=false;
@State
bubbleChartMode:BubbleChartMode=new BubbleChartMode();
aboutToAppear() {
this.data=this.initBubbleData( 5,50)
this.topAxis.setLabelCount(6, false);
this.topAxis.setPosition(XAxisPosition.TOP);
this.topAxis.setAxisMinimum(0);
this.topAxis.setAxisMaximum(this.data.getXMax());
this.topAxis.enableGridDashedLine(10,10,0)
this.topAxis.setDrawAxisLine(true);
this.topAxis.setDrawLabels(false)
this.bottomAxis.setLabelCount(6, false);
this.bottomAxis.setPosition(XAxisPosition.BOTTOM);
this.bottomAxis.setAxisMinimum(0);
this.bottomAxis.setAxisMaximum(this.data.getXMax());
this.bottomAxis.setDrawAxisLine(true);
this.bottomAxis.setDrawLabels(true)
this.leftAxis = new YAxis(AxisDependency.LEFT);
this.leftAxis.setLabelCount(5, false);
this.leftAxis.setPosition(YAxisLabelPosition.OUTSIDE_CHART);
this.leftAxis.setSpaceTop(15);
this.leftAxis.setAxisMinimum(0);
this.leftAxis.setAxisMaximum(this.data.getYMax());
this.leftAxis.enableGridDashedLine(10,10,0)
this.rightAxis = new YAxis(AxisDependency.RIGHT);
this.rightAxis.setDrawGridLines(false);
this.rightAxis.setLabelCount(7, false);
this.rightAxis.setSpaceTop(15);
this.rightAxis.setAxisMinimum(0); // this replaces setStartAtZero(true)
this.rightAxis.setAxisMaximum(this.data.getYMax());
this.rightAxis.setDrawAxisLine(false);
this.rightAxis.setDrawLabels(false)
let textPaint:TextPaint = new TextPaint();
textPaint.setTextSize(this.leftAxis.getTextSize());
var leftTextWidth=Utils.calcTextWidth(textPaint,this.getFormattedValue(this.leftAxis.getAxisMaximum()));
let left = this.leftAxis.getSpaceTop() + leftTextWidth;
let top = this.minOffset;
let right = this.mWidth - this.minOffset - leftTextWidth;
let bottom = this.mHeight - this.minOffset;
this.data.mDisplayRect = new MyRect(left, top, right, bottom);
this.bubbleChartMode.setYExtraOffset(this.model.height)
this.bubbleChartMode.topAxis=this.topAxis
this.bubbleChartMode.bottomAxis=this.bottomAxis
this.bubbleChartMode.mWidth=this.mWidth
this.bubbleChartMode.mHeight=this.mHeight
this.bubbleChartMode.minOffset=this.minOffset
this.bubbleChartMode.leftAxis=this.leftAxis
this.bubbleChartMode.rightAxis=this.rightAxis
this.bubbleChartMode.data=this.data
this.bubbleChartMode.init()
this.setXAxisMode();
this.bubbleChartMode.leftAxisModel.setWidth(this.bubbleChartMode.mWidth)
this.bubbleChartMode.leftAxisModel.setHeight(this.bubbleChartMode.mHeight)
this.bubbleChartMode.leftAxisModel.setMinOffset(this.bubbleChartMode.minOffset)
this.bubbleChartMode.leftAxisModel.setYAxis(this.bubbleChartMode.leftAxis)
this.bubbleChartMode.rightAxisModel.setWidth(this.bubbleChartMode.mWidth)
this.bubbleChartMode.rightAxisModel.setHeight(this.bubbleChartMode.mHeight)
this.bubbleChartMode.rightAxisModel.setMinOffset(this.bubbleChartMode.minOffset)
this.bubbleChartMode.rightAxisModel.setYAxis(this.bubbleChartMode.rightAxis)
}
public setXAxisMode(){
this.bubbleChartMode.xAixsMode.topAxis=this.bubbleChartMode.topAxis
this.bubbleChartMode.xAixsMode.bottomAxis=this.bubbleChartMode.bottomAxis,
this.bubbleChartMode.xAixsMode.mWidth= this.bubbleChartMode.mWidth,
this.bubbleChartMode.xAixsMode.mHeight=this.bubbleChartMode.mHeight,
this.bubbleChartMode.xAixsMode.minOffset=this.bubbleChartMode.minOffset,
this.bubbleChartMode.xAixsMode.yLeftLongestLabel=this.getFormattedValue(this.bubbleChartMode.leftAxis.getAxisMaximum()),
this.bubbleChartMode.xAixsMode.yRightLongestLabel=this.getFormattedValue(this.bubbleChartMode.rightAxis.getAxisMaximum())
}
/**
* 初始化数据
* @param count 曲线图点的个数
* @param range y轴范围
*/
private initBubbleData(count: number, range: number): BubbleData {
let values1 = new JArrayList<BubbleEntry>();
let values2 = new JArrayList<BubbleEntry>();
let values3 = new JArrayList<BubbleEntry>();
let imgePaint:ImagePaint=new ImagePaint();
imgePaint.setIcon($r('app.media.star'))
imgePaint.setWidth(px2vp(32))
imgePaint.setHeight(px2vp(32));
for (let i = 0; i < count; i++) {
values1.add(new BubbleEntry(i, Math.random() * range, Math.random() * range, imgePaint));
values2.add(new BubbleEntry(i, Math.random() * range, Math.random() * range, imgePaint));
values3.add(new BubbleEntry(i, Math.random() * range, Math.random() * range));
}
let set1:BubbleDataSet = new BubbleDataSet(values1, "DS 1");
set1.setDrawIcons(false);
set1.setColorByColor(0x88c12552);
set1.setIconsOffset(new MPPointF(0, px2vp(0)));
set1.setDrawValues(this.isDrawValuesEnable);
let set2:BubbleDataSet = new BubbleDataSet(values2, "DS 2");
set2.setDrawIcons(false);
set2.setIconsOffset(new MPPointF(0, px2vp(0)));
set2.setColorByColor(0x88ff6600);
set2.setDrawValues(this.isDrawValuesEnable);
let set3:BubbleDataSet = new BubbleDataSet(values3, "DS 3");
set3.setDrawIcons(false);
set3.setIconsOffset(new MPPointF(0, 0));
set3.setColorByColor(0x88f5c700);
set3.setDrawValues(this.isDrawValuesEnable);
let dataSets = new JArrayList<IBubbleDataSet>();
dataSets.add(set1);
dataSets.add(set2);
dataSets.add(set3);
let dataResult:BubbleData = new BubbleData(dataSets);
dataResult.setDrawValues(this.isDrawValuesEnable);
dataResult.setValueTextSize(8);
dataResult.setValueTextColor(Color.White);
dataResult.setHighlightCircleWidth(1.5);
dataResult.setHighlightEnabled(true);
return dataResult;
}
build() {
Stack({ alignContent: Alignment.TopStart }) {
BubbleChart({
bubbleChartMode:$bubbleChartMode
})
}
}
@State chartModel: CandleStickChart.Model = new CandleStickChart.Model()
aboutToAppear() {
this.candleData = this.initCandleData(40, 100);
this.model.menuItemArr = this.menuItemArr
this.model.title = this.title
this.chartModel.setCandleData(this.candleData)
}
private initCandleData(count: number, ranged: number): MyCandleData {
let values = new JArrayList<MyCandleEntry>();
values.add(new MyCandleEntry(40, 580, 380, 520, 430));
values.add(new MyCandleEntry(60, 510, 300, 350, 440));
values.add(new MyCandleEntry(80, 520, 320, 480, 380));
values.add(new MyCandleEntry(100, 580, 300, 400, 500));
values.add(new MyCandleEntry(120, 580, 400, 560, 460));
values.add(new MyCandleEntry(140, 540, 320, 370, 470));
values.add(new MyCandleEntry(160, 460, 230, 400, 300));
values.add(new MyCandleEntry(180, 520, 330, 390, 480));
values.add(new MyCandleEntry(200, 590, 350, 530, 450));
values.add(new MyCandleEntry(220, 540, 380, 420, 490));
values.add(new MyCandleEntry(240, 530, 260, 460, 350));
values.add(new MyCandleEntry(260, 450, 240, 300, 390));
values.add(new MyCandleEntry(280, 300, 100, 240, 160));
values.add(new MyCandleEntry(300, 240, 30, 90, 180));
values.add(new MyCandleEntry(320, 570, 360, 510, 420));
values.add(new MyCandleEntry(340, 440, 220, 280, 380));
let dataSets = new JArrayList<MyCandleDataSet>();
let set1 = new MyCandleDataSet(values, "Data Set");
dataSets.add(set1);
return new MyCandleData(dataSets);
}
build() {
Stack({ alignContent: Alignment.TopStart }) {
CandleStickChart({ model: $chartModel })
}
}
let values = new JArrayList<Number>();
values.append(element:T)
values.remove(element:T)
values.get(pos:number)
values.clear()
let barEntry=new BarEntry(35, [ -17, 17 ]);
barEntry.copy()
barEntry.setVals(vals: number[])
barEntry.isStacked()
barEntry.calcYValsMin()
barEntry.calcRanges()
let paint : Paint = new Paint();
paint.setColor(value: Color | number | string | Resource)
paint.setTextSize(value: number)
paint.setFill(value: Color | number | string | Resource)
paint.setStroke(value: Color | number | string | Resource)
paint.setAlpha(value: number)
let set1:BubbleDataSet = new BubbleDataSet(values1, "DS 1");
set1.setDrawIcons(false)
set1.setColorByColor(0x88c12552);
set1.setIconsOffset(new MPPointF(0, px2vp(0)))
set1.setDrawValues(true);
let set1: ScatterDataSet = new ScatterDataSet(values, "DS 1");
set1.setScatterShape(ScatterShape.SQUARE)
set1.setScatterShapeHoleRadius(3);
set1.setScatterShapeSize(8);
let topAxis: XAxis = new XAxis();
topAxis.setLabelCount(6, false);
topAxis.setPosition(XAxisPosition.TOP)
topAxis.setAxisMinimum(10)
topAxis.setAxisMaximum(50)
topAxis.enableGridDashedLine(10,10,0)
let model:HorizontalBarChartModel = new HorizontalBarChartModel();
model.init();
model.prepareMatrixValuePx()
model.setMaxVisibleValueCount(count: number)
model.setDescription(desc: Description)
model.setLeftYAxis(axis:YAxis)
model.setBottomXAxis(axis:XAxis)
let rect: MyRect = new MyRect();
rect.copyOrNull(r: MyRect);
rect.equals(o: Object):
rect.width()
rect.height()
rect.centerX()
rect.centerY()
|---- ohos-MPChart
| |---- entry # 示例代码文件夹
| |---- mpchart # mpchart库文件夹
| |---- index.ets # 对外接口
│ ├----components # 框架代码目录
│ ├----animation # 动画目录
│ │
│ ├----buffer # 缓存相关目录
│ │
│ ├----charts # 各类型图表目录
│ │
│ ├----components # 自定义组件目录
│ │
│ ├----data # 数据实体目录
│ │
│ ├----exception # 异常处理目录
│ │
│ ├----formatter # 各种数据格式化目录
│ │
│ ├----highlight # 各种图表中高亮显示操作目录
│ │
│ ├----interfaces # 对外接口目录
│ │
│ ├----jobs # 动画工作线程目录
│ │
│ ├----listener # 手势监听目录
│ │
│ ├----matrix # 3D 效果计算目录
│ │
│ ├----model # 过渡颜色
│ │
│ ├----renderer # 各种图表绘制属性设置目录
│ │
│ └----utils # 工具类目录
│
└─resources # 资源文件
| |---- README.md # 安装使用方法
使用过程中发现任何问题都可以提 Issue 给我们，当然，我们也非常欢迎你给我们发 PR 。
本项目基于 Apache License 2.0 ，请自由地享受和参与开源。
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。