制作一个类似于boss的折线图（原生小程序）

最新推荐文章于 2024-07-11 15:29:37 发布

一个前端程序猿

最新推荐文章于 2024-07-11 15:29:37 发布

阅读量107

点赞数

分类专栏：小程序文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/ZHANG157111/article/details/131272420

版权

下面是代码，搞了好久，太难了，可能我太菜了...

<view class="container">
        <ec-canvas id="mychart-one" canvas-id="mychart-multi-one" ec="{
  { ec }}"></ec-canvas>
      </view>

.container {
    width: 750rpx;
    height: 500rpx;
    padding: 0;
}
ec-canvas {
    width: 100%;
    height: 100%;
}

import * as echarts from "../../ec-canvas/echarts"
function setOption(chart, xlist, ylist1, ylist2) {
   var option = {
        tooltip: {
          trigger: 'axis',
        },
        grid: {
            top:'0',
          left: 'auto',
          right: '8%',
          bottom: '4%',
          containLabel: true
        },
       
        xAxis: [
          {
            type: 'category',
            offset: 5,
            splitLine:{
                show: true, //让网格显示
                lineStyle: {//网格样式
                  color:['#e2e2e2'], //网格的颜色
                  width:1, //网格的宽度
                  type:'dotted' //网格是实实线，可以修改成虚线以及其他的类型
                }
            },
            axisLine: {