华为鸿蒙编程js初试

可以预览：

 

htm的代码：

<div class="container">
    <div class="switch-block">
        <switch class="switch"
                showtext="{
  { showText }}"
                texton="{
  { textOn }}"
                textoff="{
  { textOff }}"
                allow-scale="{
  { allowScale }}"
                onchange="change">
        </switch>
    </div>


    <div class="chart-block">
        <text class="text-speed">利润</text>
        <chart class="chart-data" type="line" ref="linechart" options="{
  { lineOps }}" datasets="{
  { lineData }}"></chart>
        <text class="text-time">年份</text>
    </div>
    <div class="gauge-block">
        <chart class="data-gauge" type="gauge" percent="{
  { percent }}"></chart