EnidChann的博客

.vue import multiBarLineChart from '@/utils/echarts.js' drawChart (xData, datas) { this.myEchart = echarts.init(this.$refs.myChart) const countLimit = 8 // 可视范围展示个数 this.myEchart.clear() this.myEchart.setOption(multiBarLineChart(xData, data.

如图, 柱状图有负数时,圆角的样式需要进行动态调整 series: [ { type: 'bar', barWidth: '30', // 在这里对data进行自定义配置即可 data: seriesData.map(item => { // console.log(item, 'item') return { val.

// 在option的xAxis的axisLabel里添加配置 axisLabel: { // rotate: '45', interval: 0, color: '#767676', fontSize: 12, // x轴文本换行 formatter: function (params) { var newParamsName = '' // 最终拼接成的字符串 var paramsNameNu

// 1.获取营业收入 getIncomeData () { let params = { method: 'get', url: `/mobile/finManage/cmfh/indicatorValueList/${this.indicatorCode1}` } this.httpRequest(params).then(...

缺陷: 柱状图数据过于悬殊时, 需要精准点击到柱状图, 体验感差需求: 点击红色框区域都能联动 // 用getZr方法绑定click chart.getZr().on('click', async (params) => { // 无论是否点击到图本身,都能拿到坐标 const pointInPixel = [params.offsetX, params.offsetY] if (chart.containPixel('grid', pointInPixel)) { .

柱状图与折线图同在一个图表内, 实现双y轴– common/echarts.js文件里import echarts from 'echarts'const chart = { myIncomeChart (xdata, incomedata, yoydata, yoyMin, yoyMax, incomeMax, incomeMin) { const option = { ...