cvM01

摘要： 我们紧接着 之前的博客继续往后做，之前的博客中的 结构是可以复用的，那么就将之前的 组织结构 根据自己的需求在做一遍，并且把图表已经实现的基本功能也拿过去。根据自己的 需求留下 需要的部分。 看起来可能很多，其实说出来就能理解了 大部分组件都需要的功能： 1.初始化实例调用、初始化chartInst 阅读全文

摘要： 通过事件监听： 适配参数: 在初始化实例调用的时候已经完成了 屏幕的适配，所以在图表初始化的时候，可以把固定的数值给去除 到分辨率适配的完整代码: <!-- 要呈现的具体的组件 --> <template> <div class="com-container"> <div class="com-ch 阅读全文

摘要： 在初始化 chartInstance 对象的时候 初始化 图表的样式 // 对图表初始化配置的控制 const initOption = { title: { text: "▎商家销售统计", textStyle: { fontSize: 45 }, top: 10, left: 20, }, gr 阅读全文

摘要： 原样式： 一、主题的使用 1.在目录下新建 文件夹them 用来存放 不同的主题 2.引入js 3.找到图表的组件 在 初始化echarts => 实例化对象当中的 init() 接收第二个参数 ，第二个参数就需要指明 主题的名称 变化： 二、图表的圆角 1.通过 开发者工具可以看到整个图表在一个名 阅读全文

摘要： 想要让 Echarts组件 实现动态的刷新 ， 首先把数据处理一下，因为杂乱无章的数据来实现动态刷新，对我来说并没有什么作用 这是图表最开始的样子，因为我用的是 固定的数据，所以可能显得比较整齐，并且是 从大到小 排序的 接下来，我们让图表实现 从大到小 排序并且 每5条数据 一页 排序： //对数 阅读全文

摘要： 之前，已经把 父子组件 的结构搭建完成 并且 样式已经初始化完成了。 那么接下来就可以通过 实例化Echarts对象 来实现图表的基本功能。 想要实例化Echarts对象 需要一个 全局的Echarts对象 来让我们调用 Echarts它的一些方法。 从 main.js 中 挂载 echarts / 阅读全文

摘要： 在配置完 Echarts 父子组件的结构后 ，需要对他们的样式进行初始化。 1、那么我们先建一个全局的css文件 2、在 main.js 中引用这个 css文件 3、首先是 App.vue 这个文件 在 App.vue 这个组件中有一个 div 容器 id="app" 。当我们通过一个 路径 访问组 阅读全文

摘要： 首先在src下的views 和 components 下新建两个文件夹 sellerPage对应着 通过路径访问的文件 Seller对应着 具体的Echarts组件 1、想要通过路径去访问sellerPage.vue这个文件的话 首先需要 配置路由 在src下的router文件夹下的js中配置访问路 阅读全文