- 综合排序
- 最热优先
- 最新优先
- 来自专栏听雨堂
Morris图表使用小记
挺好用的，碰到几个问题，有的是瞎试解决了的： 1、我想折线图能够响应单击事件，即点击某个节点后，就能加载进一步的信息，帮助没找到，参照另外一个地方的写法，居然支持事件 Morris.Line({ element: 'graph', data: year_data, xkey: 'period', ykeys: ['zhichu', 'shouru'],
1K80发布于 2018-01-23 - 来自专栏闻道于事
使用ichartjs生成图表
使用纯javascript语言, 利用HTML5的canvas标签绘制各式图形。 ichartjs致力于为您的应用提供简单、直观、可交互的体验级图表组件。是WEB/APP图表展示方面的解决方案 。 ichartjs 对新手是十分友好的，它的强大之处在于可以根据需要自动生成图表，然后你只需要将数据绑定就可以了。所以，对于新手来说，不需要你深入了解和学习，只需要绑定数据就可以了。 不过，ichartjs这样使用也有一个很大的问题，如果数据太多，展示的时候会很难看，而且目前这种方式只能生成柱状图和饼图。 第二个问题就需要深入的了解并学习iChatjs来自己生成图表了。
2.1K70发布于 2018-03-01 - 来自专栏前端开发随笔
Echartsjs图表的使用
cdn引入 <script src="http://cdn.suoluomei.com/common/js2.0/echarts/4.2.1/dist/echarts.min.js"></scrip
84120发布于 2020-09-03 - 来自专栏软件
Vue使用ECharts做图表
Apache ECharts一个基于 JavaScript 的开源可视化图表库 官方地址：https://echarts.apache.org/zh/index.html npm安装 ECharts $ npm install echarts 按需引入 ECharts 图表和组件 // 引入 echarts 核心模块，核心模块提供了 echarts 使用必须要的接口。 import * as echarts from 'echarts/core'; // 引入柱状图图表，图表后缀都为 Chart import { BarChart } from 'echarts/charts $echarts = echarts 初始化一个 ECharts 图表 <template>
</template> <script> export echarts.init(document.getElementById('myChart'),null,{ width:400 height: 160 }); // 绘制图表96140编辑于 2023-02-21 - 来自专栏邵靖的专栏
使用 plotly 绘制数据图表
导语：使用 python-plotly 模块来进行压测数据的绘制，并且生成静态 html 页面结果展示。 不少小伙伴在开发过程中都有对模块进行压测的经历，压测结束后大家往往喜欢使用Excel处理压测数据并绘制数据可视化视图，但这样不能很方便的使用web页面进行数据展示。 Plotly能够绘制具有用户交互功能的精美图表。 [1499930375542_386_1499930375654.png] Python-Plotly 安装 本文档主要是介绍使用plotly的Python API来进行几种简单图表的绘制，更多Plotly 的用法请参考https://plot.ly/python/ Python-Plotly可以使用pip安装，并且最好在Python2.7版本及以上安装使用，如果使用Python2.6版本，请自行安装Python2.7
4.4K71发布于 2018-01-15 - 来自专栏编程
图表神器：pyechartsqtpy的使用
echarts是百度开源的一款js的图表库，界面很酷炫，使用也不复杂。但还是不够pythonic，对吧。 pyecharts来了。 这原本就是html/js的模式，在网页里使用不算难事，但可否在GUI的程序里使用呢，如本文开头的图示就是pyqt里的调用。 否则使用matplotlib就好了。 我们可以把pyecharts生成的html使用webview控件来呈现。 所以这里我们使用WebEngine。 致力于使用最前沿的认知技术去理解这个复杂的世界。
6K110发布于 2018-01-08 - 来自专栏京程一灯
图表库ECharts的使用
ECharts是一个兼容绝大部分浏览器，可流畅运行在PC和移动设备上的纯 Javascript 的图表库。 多样的图表、丰富绚丽的视觉效果、流畅的交互，用来做数据统计分析是再好不过了。 1、引入echarts.js <script src=". var chart_one = echarts.init(document.getElementById('chart-one')); 4、 <em>图表</em>的配置项和数据 var option = { / yAxis: {}, series: [{ name: '人数', type: 'bar', data: [5, 20, 36, 10, 10, 20] }] }; // 显示<em>图表</em> ---- 往期精选文章 <em>使用</em>虚拟dom和JavaScript构建完全响应式的UI框架 扩展 Vue 组件 <em>使用</em>Three.js制作酷炫无比的无穷隧道特效 一个治愈JavaScript疲劳的学习计划 全栈工程师技能大全
1.6K10发布于 2019-03-27 - 来自专栏liulun
使用plot绘制实时图表
var serverId; var myTimer; var previousPoint = null; var campArr //切换图表
1.2K20编辑于 2022-05-09 - 来自专栏完美Excel
Excel图表技巧11：使用箭头方向键选择图表元素
有时候，我们需要对特定的图表元素进行操作，例如图表系列、数据标签、图例，等等。 在操作前，先要选择要操作的图表元素，通常，我们会直接使用鼠标单击或者使用鼠标点击两次，例如，对于图表系列来说，单击一次选中整个系列，再单击一次选取特定的点。 其实，我们也可以使用箭头方向键来选择图表元素。 例如下图1所示的图表，鼠标单击选择整个图表，单击向左箭头键一次选择绘图区域，再次单击向左箭头键选择图例，再次重复单击向左箭头键依次选择：单个图例、垂直坐标轴、水平坐标轴、图表标题、网格线、图表系列、单个图表系列点 图1 当然，也可以使用向右箭头键、向上箭头键、向下箭头键来回选择图表元素。 你可能会想，使用鼠标不是更方便吗，想要选择哪个图表元素，单击就行了，何必这么麻烦！那么，你看看下图2所示的图表。 ?
1.6K50发布于 2021-07-12 - 来自专栏FunTester
python使用plotly批量生成图表
本人在使用groovy爬取了全国3000+城市的历史天气之后，需要把每个城市的历史天气都绘制一张Time Series表格，用来反映各地的最高温最低温温差的变化曲线。 在使用中文作为文件名的时候遇到了一个错误，这个错误刚好能巧妙解决这个问题。 class Fission: x = [] y = [] z = [] d = [] def __init__(self): print "欢迎使用 # def __init__(self,x,y,z,d): # def __init__(self,name): # self.name = name # print "欢迎使用
1.2K10发布于 2019-10-29 - 来自专栏又见苍岚
Python 动态图表 pyecharts 使用
特性 简洁的 API 设计，使用如丝滑般流畅，支持链式调用 囊括了 30+ 种常见图表，应有尽有 支持主流 Notebook 环境，Jupyter Notebook 和 JupyterLab 可轻松集成至 background_color: str = "auto", # 如果图表使用了 echarts.connect 对多个图表进行联动，则在导出图片时会导出这些联动的图表。 可选： # 'item': 数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。 # 'axis': 坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用。 is_prevent_overlap: bool = False, ) 基本使用 Pyecharts 使用起来有一定"套路" 单图表生成 引入相关包，根据自己需要的配置、图表类型引入对应的包 from 当需要多个图表出现在一个 html 文件中时需要使用 Page from pyecharts.charts import Bar, Page 创建 Page 对象 page = Page() 创建多个图表对象
7.6K10编辑于 2023-03-16 - 来自专栏编程微刊
小程序Echarts图表组件使用
chart; } Page({ onShareAppMessage: function (res) { return { title: 'ECharts 可以在微信小程序中使用啦 .picker-pos { margin-top: -130rpx; margin-left: 150rpx; color: blueviolet; } 这个时候 小程序Echarts图表组件算是已经可以运用在项目里面啦
1.5K10发布于 2020-11-30 - 来自专栏zjblog
使用百度图表ECharts
百度图表已经用过好几次了，但是今天准备把博客的访问情况可视化的时候发现，又得去官网看文档做。 有些还要找，所以记录一下，毕竟这玩意用的比较多。 ECharts官网 ECharts源码包下载 一共做了3个比较简单的图表（复杂的可以很复杂，还是得去官网看文档），效果图： 首先呢，从源码包中拷贝echarts.min.js到项目中，然后写放图表的 ，隐藏等待loading图表 // 使用刚指定的配置项和数据显示图表。 params.value; } else { return ''; } } } } } }] }; // 使用刚指定的配置项和数据显示图表 params.value; } else { return ''; } } } } } }] }; // 使用刚指定的配置项和数据显示图表
2.1K30编辑于 2022-06-21 - 来自专栏编程微刊
小程序Echarts图表组件使用
chart; } Page({ onShareAppMessage: function (res) { return { title: 'ECharts 可以在微信小程序中使用啦 .picker-pos { margin-top: -130rpx; margin-left: 150rpx; color: blueviolet; } 这个时候 小程序Echarts图表组件算是已经可以运用在项目里面啦
11.9K100发布于 2019-06-24 - 来自专栏腾讯云设计中心
如何正确使用图表颜色
本文将从以下几点进行陈述： 颜色传递特定信息 信息可视化原理 图表颜色应用 图表颜色使用建议 总结 颜色传递特定信息 在了解图表颜色该如何正确使用之前，先思考一个问题：在看图表中的颜色时，我们究竟能从中获取什么信息 图06 2012年USA 人口量预测（来源：echarts） 图表颜色使用建议 在图表中使用颜色，务必确保颜色用于传递特定的信息，如果不是或者有其他的方式能够更有效传递该信息，那就避免使用颜色。 如轴线可以使用细灰线，图表边界线也建议使用细灰线等。如下图10，轴线、边界线等非数据类元素，都使用浅灰色。 图11 使用红蓝代替红绿 总结 颜色应该有意义地使用，与图表其他元素应相得益彰。 在选择颜色也不可过于随意，尽量避免在同一个图表中使用过多颜色而造成混乱。 另外，颜色的使用也可以结合品牌策略，让图表中使用的每一种颜色最终都表达特定的信息，让数据传递更清晰，让用户浏览更友好。
3.6K30编辑于 2022-05-05 - 来自专栏编程微刊
小程序Echarts图表组件使用
chart; } Page({ onShareAppMessage: function (res) { return { title: 'ECharts 可以在微信小程序中使用啦 .picker-pos { margin-top: -130rpx; margin-left: 150rpx; color: blueviolet; } 这个时候 小程序Echarts图表组件算是已经可以运用在项目里面啦
76310编辑于 2025-05-18 - 来自专栏有勇气的牛排专栏
html前端 echarts图表使用详解
1 echarts 介绍 官网：https://echarts.apache.org/ 菜鸟教程 2 使用 2.1 CDN https://cdn.staticfile.org/echarts/4.3.0 / 基于准备好的dom，初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据 934, 1290, 1330, 1320], type: 'line', smooth: true }] }; // 使用刚指定的配置项和数据显示图表
1.2K00编辑于 2023-06-25 使用CSS3绘制图表，提升图表展示性能
传统的柱状图绘制方法通常依赖于JavaScript库或图表工具，但CSS3的出现为设计师们提供了一种全新的解决方案。 使用CSS3绘制柱状图具有诸多优势。首先，CSS3的性能优于许多JavaScript库，特别是在移动设备上，能够提供更流畅的用户体验。 其次，CSS3具有很高的灵活性，允许设计师根据需求自定义图表的外观和动画效果。此外，CSS3生成的图表具有良好的可访问性，可以通过键盘导航和屏幕阅读器等辅助技术进行访问。 然后，我们将介绍如何使用CSS3创建基本的柱状图结构，并通过设置宽度、高度和背景颜色等属性来定制图表的外观。 例如，对于非常复杂的数据可视化需求，CSS3可能不如JavaScript库或图表工具强大。此外，CSS3的学习曲线相对较陡峭，需要一定的时间和实践才能熟练掌握。
51910编辑于 2024-11-26- 来自专栏完美Excel
使用Excel切片器切换图表
如下图1所示，根据切片器中的选择来显示图表。它通过工作表change事件运行，在堆积柱形图和簇状柱形图之间切换。其技巧是创建两个图表，一个用于每个区域中的一个，另一个用于总计或所有区域。 它是在两个图表之间的切换，具体取决于切片器的选择。“All”选项生成合并的堆积柱形图，而各区域选项只生成一个柱形图。
1.3K30编辑于 2022-11-16 - 来自专栏前端开发
Echarts可视化图表的使用
前言 这是暑假跟着做的第一个 VUE 的项目，里面涉及到了 Echarts 的可视化展示，现在不断巩固前端中，当时没有做使用记录，这个月边学算法，边巩固前端了，java也在学习中。 官网传送门 绘制一个简单的图表 <! type: 'bar', data: [5, 20, 36, 10, 10, 20] } ] }; // 使用刚指定的配置项和数据显示图表 myChart.setOption(option); </script> </body> </html> 在VUE项目中使用也是如此 安装依赖并在页面引入依赖 npm i echarts@5.1.2 } 根据配置项和数据显示图表 echarts1.setOption(echarts1Option) 基于如上步骤，完成的三个图表如下： 结语 梅花香自苦寒来
32110编辑于 2024-03-20
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号