tooltip

因为之前写的接口改了，更新了下 一：数据准备阶段 此次数据所有来源均从这两个地方得到 1.腾讯各省份市的疫情接口 2.腾讯疫情历史每日数据接口和国外疫情数据接口 二：工具和环境 IDE：Pycharm 第三方模块 1.json 主要功能：处理接口数据 2.requests 主要功能：获取接口数据 3.pandas 主要功能：将数据保存为csv 4.datetime 主要功能：文件保存时间 5.pyecahrts 主要功能：数据可视化制作地图等 版本1.7.0 6.flask 主要功能：web展示 环境 python3.7 浏览器：Chrome浏览器 三 绘制地图 获取数据方法 返回的是数据需要进行转换 json.loads方法是把json对象转化为python对象 def getdata ( self ) : r = requests . get ( self . url ) . json ( ) data = json . loads ( r [ 'data' ] ) return data 1.多国累计确诊趋势折线图 lines = ( Line ( ) . add_xaxis ( [ x . strftime ( '%Y-%m-%d' ) for x in list ( pd . date_range ( start = '2020-02-25' , end =

因为之前写的接口改了，更新了下 一：数据准备阶段 此次数据所有来源均从这两个地方得到 1.腾讯各省份市的疫情接口 2.腾讯疫情历史每日数据接口和国外疫情数据接口 二：工具和环境 IDE：Pycharm 第三方模块 1.json 主要功能：处理接口数据 2.requests 主要功能：获取接口数据 3.pandas 主要功能：将数据保存为csv 4.datetime 主要功能：文件保存时间 5.pyecahrts 主要功能：数据可视化制作地图等 版本1.7.0 6.flask 主要功能：web展示 环境 python3.7 浏览器：Chrome浏览器 三 绘制地图 获取数据方法 返回的是数据需要进行转换 json.loads方法是把json对象转化为python对象 def getdata ( self ) : r = requests . get ( self . url ) . json ( ) data = json . loads ( r [ 'data' ] ) return data 1.多国累计确诊趋势折线图 lines = ( Line ( ) . add_xaxis ( [ x . strftime ( '%Y-%m-%d' ) for x in list ( pd . date_range ( start = '2020-02-25' , end =

3 月，跳不动了？>>> 1. 对于没有tooltiptext属性的控件来说，要如何添加提示语呢？ 在网上查了，大部分介绍都是在控件的MouseEnter事件中写代码： ToolTip p = new ToolTip(); p.ShowAlways = true; p.SetToolTip(this.button1, "要显示的文字"); 但是如果一个窗口有很多控件，岂不是要写很多重复的代码。 可以优化为每个控件使用同一个mouseenter事件，代码为 private void 控件_MouseEnter(object sender, EventArgs e) { ToolTip p = new ToolTip(); p.ShowAlways = true; if ((Control)sender==btn_返回）p.SetToolTip((Control)sender, "取消"); if ((Control)sender==btn_受理）p.SetToolTip((Control)sender, "受理订单"); .....其他控件 } 2. 实际上，.net本身已经给我们提供了tooltip控件，很方便的就可以添加提示语了。 2.1 拖一个tooltip到窗口中后，窗口中的所有控件都会自动添加一个属性：tooltip1上的ToolTip

3 月，跳不动了？>>> 交互语法之框选高亮 G2 从 4.0 开始，将所有的交互行为使用全新的交互语法实现，并且不再默认内置，需要用户显式调用 chart.interaction() 接口。为了帮助大家更好地理解、使用交互语法，我们将会推出交互语法专题。 本文介绍的是最常见的交互：框选，包括框选的形状、框选过程中的图形变化以及框选后的各种操作。 框选中，高亮图形 框选后，拖拽 mask 框选后，过滤数据 框选后，过滤图形 框选的形状选择 多视图的框选联动 交互语法概览 G2 的交互语法，是将交互拆解成多个环节，每个环节由触发和反馈组成。只要你能将交互用自然语言的方式描述出来，就可以使用 G2 的交互语法进行组合搭建出交互行为。在这里我们再一起温习下 G2 交互语法中对于交互环节的定义，更详细的内容可以阅读可视化交互语法[1]。 G2 将每一个交互环节拆解成以下步骤: showEnable 示能：表示交互可以进行； start 开始：交互开始； processing 持续：交互持续； end 结束：交互结束； rollback 回滚：取消交互，恢复到原始状态； 下面我们就开始框选高亮图形的交互语法组装吧，为了帮助大家理解， 每个交互行为我们都会以自然语言 + 交互语法的形式向大家阐述。 我们以柱状图的高亮为例，实现交互的过程中我们会使用 G2 内置的 Action，Action

3 月，跳不动了？>>> 交互语法之组件高亮 G2 从 4.0 开始，将所有的交互行为使用全新的交互语法实现，并且不再默认内置，需要用户显式调用 chart.interaction() 接口。为了帮助大家更好地理解、使用交互语法，我们将会推出交互语法专题。 本文介绍的是最常见的 通过组件高亮图形 （突出当前关联图形元素，其他图形元素变暗）中的一种。我们还可以通过鼠标高亮图形、框选高亮图形，这些都会将在后续章节向大家详细介绍。 交互语法概览 G2 的交互语法，是将交互拆解成多个环节，每个环节由触发和反馈组成。只要你能将交互用自然语言的方式描述出来，就可以使用 G2 的交互语法进行组合搭建出交互行为。在这里我们再一起温习下 G2 交互语法中对于交互环节的定义，更详细的内容可以阅读可视化交互语法[1]。 G2 将每一个交互环节拆解成以下步骤: showEnable 示能：表示交互可以进行； start 开始：交互开始； processing 持续：交互持续； end 结束：交互结束； rollback 回滚：取消交互，恢复到原始状态； 下面我们就开始 通过组件高亮图形 的交互语法组装吧，为了帮助大家理解， 每个交互行为我们都会以自然语言 + 交互语法的形式向大家阐述。交互实现过程 中我们会使用 G2 内置的 Action，Action 的定义和列表参考 G2 配置交互[2]。

某厂面试归来，发现自己落伍了！>>> 饼图（Pie Chart）作为最常见的统计图表之一，用于可视化数据中不同分类的占比情况。使用 G2，在不进行任何定制的情况下，用户可以得到如下饼图：除去基本的图形元素外，还提供了 label 文本标注以及图例的绘制能力。同时还提供了 tooltip 提示信息、图例筛选等交互行为。 但是通常，用户更倾向于以下饼图的设计及交互： 在定制之前，我们可以看看这两种饼图可视化方式的区别在哪里： 绘制层 使用空心环代替实心扇形； 图例的个性化定制，将原本 label 的内容同图例内容合并。 交互层 图形元素响应鼠标的状态发生改变：从默认的描边变为图形的放大突出； 图例的点击筛选变为点击突出图形元素 下面就让我们来看下，如何基于默认的饼图代码，一步一步快速、简单得定制吧！ 默认饼图代码： import { Chart } from '@antv/g2' ; const data = [ { item : '事例一' , count : 40 , percent : 0.4 }, { item : '事例二' , count : 21 , percent : 0.21 }, { item : '事例三' , count : 17 , percent : 0.17 }, { item : '事例四' , count : 13 , percent : 0.13 }