TianQiWanLaiQiu的博客

折磨了几个小时<template> <div class="erter"> <div class="etet" ref="myecharts"></div> </div></template><script>export default { data() { return { myecharts: null, newOption: [], }; }

想要折线图这样子触发上面散点图这样触发opts = { tooltip: { trigger: 'item', }, xAxis: { axisPointer: { show: true, type: 'line', label: { show: false, }, }, }}

官网：echarts主题设置import essos from './essos.json' // 导入echarts主题this.$echarts.registerTheme('essos', essos) // 注册后才可以使用this.chart = this.$echarts.init(this.$el,'essos');

程序开发时，为了美观图形，一般选择只显示平分4-7份例：平分4份实现要求：2、最大值不顶格（最大值乘以1.1）2、考虑到负数情况，所有向上和向下取整，实现代码如下const data = [.......] // 其他数组const list = [0,2,4,5,7,8,9,54, ...data] // 拿到所有数组最大值和最小值const maxNum = Math.max(...list) > 0 ? Math.ceil(Math.max(...li.

可以判断当一个点时symbolSize（numSize）为10,多点symbolSize（numSize）为1series: [{ type: 'line', name: 'Mon', symbolSize：this.numSize, }, ]

confine: true 是否限制在显示的容器中tooltip: { confine: true},限制在div中，就不会被遮挡了

1-建立这样一个文件夹和下面的文件，作为子组件echart-option.js 这个文件集中配置option,里面参数可参考https://echarts.apache.org/zh/option.html#titleexport const newOption = { title: { text: '', }, xAxis: { type: 'category', boundaryGap: true, },...