分类：Echarts

2020
09-29

在echarts中图例legend和坐标系grid实现左右布局实例

1、效果图2、实现方法将图例legend纵向排列（orient:'vertical'），宽度给150（width:150），坐标系grid左侧距离200（left:200），中间有50的边距3、代码展示grid:{left:200},legend:{x:'left',data:['送风温度','混风温度','冷冻水送水温度','冷冻水回水温度','热水送水温度','热水回水温度','送风温度设定点','风机速度','风机速度反馈','风阀开度'],inactiveColor:'#999',selectedMode:'single',o... 继续阅读 >

2020
09-25

Django中从mysql数据库中获取数据传到echarts方式

尝试了几种方法，感觉过于复杂，于是自己写了一个方法。（1）首先在要绘图的页面传入从数据库中提取的参数，这一步通过views可以实现；（2）然后是页面加载完成时执行的函数ready，调用方法f;（3）在函数f中获取参数，此时是string类型，需要将其转换为json对象，使用eval即可；（4）json对象的每一个元素均为string(可以使用typeof()判断)，需要取出每一个成员将其转换为json对象；（5）在echarts模块函数中调用函数f,获取所需的... 继续阅读 >

2020
09-24

基于vue+echarts 数据可视化大屏展示的方法示例

获取ECharts的路径有以下几种，请根据您的情况进行选择：1)最直接的方法是在ECharts的官方网站中挑选适合您的版本进行下载，不同的打包下载应用于不同的开发者功能与体积的需求，或者您也可以直接下载完整版本；开发环境建议下载源代码版本，包含了常见的错误提示和警告。2)也可以在ECharts的GitHub上下载最新的release版本，解压出来的文件夹里的dist目录里可以找到最新版本的echarts库。3)或者通过npm获取ec... 继续阅读 >

2018
03-23

手拉手，用Vue开发动态刷新Echarts组件

需求背景：dashboard作为目前企业中后台产品的“门面”，如何更加实时、高效、炫酷的对统计数据进行展示，是值得前端开发工程师和UI设计师共同思考的一个问题。今天就从0开始，封装一个动态渲染数据的Echarts折线图组件，抛砖引玉，一起来思考更多有意思的组件。准备工作项目结构搭建因为生产需要（其实是懒），所以本教程使用了==vue-cli==进行了项目的基础结构搭建。npminstall-gvue-clivueinitwebpack... 继续阅读 >