小楠子的博客

今天是建党100周年，普天同庆，而我，也遇到了一个百年难遇的问题。 问题的起因来源于我访问不了ECharts官网，访问后的界面是这样的： 起初我以为是echarts官网挂掉了，然后我让朋友访问，朋友那边显示的好好的。于是我以为是我的谷歌浏览器版本没升级，我又去升级了浏览器的版本，然而依旧无果。于是去换了火狐浏览器访问，然而并没有什么卵用。 离谱的是，等我多次刷新后，竟然显示让我登录，这不是SVN的登录提示框吗？ 我怀疑...

Vue框架中对ECharts图表进行自定义绘制和拖拽的实现项目需要实现自定义图表X轴和Y轴以及自己绘制图表的功能，并且可以手动拖动修改图表中线条走势。实现的效果如下：实现以上效果，HTML代码如下：<template> <div class="ddosData"> <el-form :inline="true" :model="echartsFor...

现在出现的问题是X轴单位内容显示不全主要代码如下：xAxis中的name为“时长（min）”，但上图只显示了“时” grid: { left: '3%', right: '0', bottom: '3%', ...

项目中需要给图表x轴加单位，这里只给出给X轴加单位的关键代码，其他的代码和步骤可以从这篇博客获取[vue使用ECharts制作圆角柱状图](https://blog.youkuaiyun.com/RJN0814/article/details/90020981) xAxis : [ { ...

本篇讲述在vue中使用echarts的中国地图，以及对不同板块进行渐变色的设置。效果图如下：实现上图效果步骤如下：确保项目中下载了echarts，然后在main.js中引用echartsimport echarts from 'echarts'import 'echarts/map/js/china'Vue.prototype.$echarts = echarts在组件中放...

本篇讲述双柱状图堆叠展示的背景效果这里主要实现如下效果：这里主要实现了阴影和圆角柱状图以及隐藏X轴的效果，项目需求如此，便依此进行图表的自定义，下面直接贴代码，代码中会有实现目前效果的注释。首先，要确保项目中下载并且引入了echarts// 在HTML中放置一个容器<div id="myChart1"></div>第二步：在data中定义图表配置项（可以在函...

先展示圆角柱状图形的效果图表中加入了右边框，关于右边框的加入，利用的是双Y轴实现的，想了解的可以看上一篇博客的代码进行操作，本篇讲述柱状图的圆角设置。主要是修改series中的配置，利用barBorderRadius属性进行圆角设置series : [ { name:'使用时长', ...

本篇讲述在vue项目中使用ECharts柱状图，并利用双Y轴给图表添加右边框应项目要求，UI给的设计图给图表右边添加了右边框，而echarts中大多是无右边框，或是全部加上纵轴线，显示为网格样式，因此在这想到用双Y轴实现需求。首先确保项目中已经安装echarts并且已经引入HTML中放置一个容器即可：<div id="myChart"></div>在data中定...