uniapp使用原生echarts代码

要在uniapp中使用原生echarts代码，需要进行以下几个步骤：

1. 安装echarts：可以通过npm或yarn进行安装，也可以直接下载echarts的源码包。

2. 在uniapp项目中引入echarts：可以通过在HTML页面中添加script标签的方式引入，也可以通过在vue组件中使用import的方式引入。

3. 创建echarts实例：通过在vue组件的mounted生命周期函数中创建echarts实例，并指定需要渲染的DOM元素。

4. 配置echarts图表：通过echarts的API进行图表配置，包括图表类型、数据、样式等。

以下是一个简单的示例代码，供参考：

<template>
  <div class="chart-container">
    <div id="chart" style="height: 300px;"></div>
  </div>
</template>

<script>
import * as echarts from 'echarts';

export default {
  mounted() {
    const chart = echarts.init(document.getElementById('chart'));
    chart.setOption({
      xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
      },
      yAxis: {
        type: 'value'
      },
      series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line'
      }]
    });
  }
};
</script>

<style>
.chart-container {
  width: 100%;
  height: 300px;
}
</style>

在这个例子中，我们使用了echarts的API创建了一个简单的折线图，并将其渲染在指定的DOM元素中。