xf-ohos/entry/src/main/ets/pages/chart.ets

@Entry
@Component
struct chart{
  @State number1:number=200
  build() {
    Column(){
      Stack(){
        Column(){
          Text('存钱频率')
            .fontSize($r('app.float.fontSize_24'))
            .fontColor($r('app.color.black_90'))
            .fontWeight(FontWeight.Medium)
            .width('100%')
            .padding({left:px2vp(30)})
          Row(){
            Column(){
              Text('500')
                .fontSize($r('app.float.fontSize_14'))
                .fontColor($r('app.color.black_90'))
                .fontWeight(FontWeight.Regular)
                .height(px2vp(100))
              Text('400')
                .fontSize($r('app.float.fontSize_14'))
                .fontColor($r('app.color.black_90'))
                .fontWeight(FontWeight.Regular)
                .height(px2vp(100))
              Text('300')
                .fontSize($r('app.float.fontSize_14'))
                .fontColor($r('app.color.black_90'))
                .fontWeight(FontWeight.Regular)
                .height(px2vp(100))
              Text('200')
                .fontSize($r('app.float.fontSize_14'))
                .fontColor($r('app.color.black_90'))
                .fontWeight(FontWeight.Regular)
                .height(px2vp(100))
              Text('100')
                .fontSize($r('app.float.fontSize_14'))
                .fontColor($r('app.color.black_90'))
                .fontWeight(FontWeight.Regular)
                .height(px2vp(100))

            }
            .width(px2vp(60))
            .height(px2vp(500))
            Column(){
              Column(){
                Divider()
                  .width(px2vp(548))
                  .color($r('app.color.black_100'))
              } .height(px2vp(100))
              .justifyContent(FlexAlign.Center)
              Column(){
                Divider()
                  .width(px2vp(548))
                  .color($r('app.color.black_100'))
              } .height(px2vp(100))
              .justifyContent(FlexAlign.Center)
              Column(){
                Divider()
                  .width(px2vp(548))
                  .color($r('app.color.black_100'))
              } .height(px2vp(100))
              .justifyContent(FlexAlign.Center)
              Column(){
                Divider()
                  .width(px2vp(548))
                  .color($r('app.color.black_100'))
              } .height(px2vp(100))
              .justifyContent(FlexAlign.Center)
              Column(){
                Divider()
                  .width(px2vp(548))
                  .color($r('app.color.black_100'))
              } .height(px2vp(100))
              .justifyContent(FlexAlign.Center)




            }
            .width(px2vp(548))
            .height(px2vp(500))

          }.width(px2vp(608))
          .height(px2vp(500))

        }.width(px2vp(608))
        .height(px2vp(608))


      }
      .width(px2vp(608))
      .height(px2vp(608))

      Polyline({ width: 608, height: 608 })
        .points([[0, 0], [100, 260], [300, 100]])
        .fillOpacity(0)
        .stroke(Color.Blue)
        .strokeWidth(3)


    }
    .width(px2vp(608))
    .height(px2vp(608))
    .border({width:1})
  }
}