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

最新推荐文章于 2024-09-12 10:01:49 发布

一个前端程序猿

最新推荐文章于 2024-09-12 10:01:49 发布

阅读量153

点赞数

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

本文链接：https://blog.youkuaiyun.com/ZHANG157111/article/details/131272420

版权

这篇博客分享了如何在原生小程序中创建一个没有小圆点的折线图，作者提到了在ECharts中去掉折线上圆点的方法，并引用了其他博主的文章作为参考，帮助解决这个问题。同时，还讨论了ECharts X轴设置上下偏移的技巧，旨在促进共同学习和进步。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

<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: