精华内容
下载资源
问答
  • Origin | 图表合并

    千次阅读 2020-04-28 20:39:04
    我们主要了解一下“解散组”功能,按照以上方法绘制的六国确诊人数曲线是一个组,而将组进行解散后,我们可对单条曲线进行设置(包括线条样式,颜色等),如动图演示: 3) 合并图表 通过上述方法,我们实现了一个图层...

    1) 数据导入

    我们得到的疫情确诊人数数据是电子表格,将Excel中的数据导入到Origin工作表中,可通过以下几种方式:

    最简单的方法是:复制Excel中所有数据,直接粘贴在Origin工作表中。例如:

     

    若表格中数据量较大,我们可通过Origin文件菜单“导入”-“Excel”实现对数据的导入。如下动图所演示:

     

     

    2) 确诊人数折线图

    选中Origin工作表的所有数据,点击上方工具栏中的“绘图”,选择“折线图”,如动图所演示:

     

     

    最终生成的各国确诊人数如下所示:

     

    对得到的确诊人数图表,我们需进一步处理,处理准则为:想要处理什么,就双击什么。我们主要了解一下“解散组”功能,按照以上方法绘制的六国确诊人数曲线是一个组,而将组进行解散后,我们可对单条曲线进行设置(包括线条样式,颜色等),如动图演示:

     

     

    3) 合并图表

    通过上述方法,我们实现了一个图层下绘制出六国确诊人数曲线,但这并不有助于我们对趋势进行分析(因为各国确诊人数不在同一量级)。此外,我们可分别绘制出每个国家确诊人数的折线图,并将六个图合并在一起。点击上方工具栏“图”,选择“合并图表”,在弹出的菜单栏中根据提示进行操作,具体操作如动图所演示。

     

     

    合并之后,我们对各图表简单进行处理,处理完后的六国确诊人数折线图如下所示:

     

    接着,我们对图例边框进行隐藏处理,选中某图例后单击右键,点击“属性”,在弹出的对话框中,点击“边框”,并选择“无”,这样就实现了图例边框的隐藏。

     

    随后,我们给纵坐标加上一个标题为“确诊人数”,如动图所演示:

     

     

    美英中法德意六国确诊人数(数据截止于2020年四月27日)折线图最终效果如下所示:

     

     

    展开全文
  • 分析图合并 一、分析图合并原理 选择view->merge graphs,弹出所示对话框 1、选择要合并的图。选择一个要与当前活动图合并的图,注意这里只能选择X轴度量单位相同的图。 2、选择合并类型。 1)...

    分析图合并

    一、分析图合并原理

    选择view->merge graphs,弹出所示对话框
    这里写图片描述
    这里写图片描述
    1、选择要合并的图。选择一个要与当前活动图合并的图,注意这里只能选择X轴度量单位相同的图。

    2、选择合并类型。

    1)叠加:查看共用同一X轴的两个图的内容。合并图左侧的Y轴显示当前图的Y轴值,右边的Y轴显示合并进来的图的Y轴值,如图所示
    这里写图片描述

    2)平铺:在平铺布局查看,共用同一个X轴,合并进来的图显示在当前图的上方,如图所示
    这里写图片描述

    3)关联:合并后当前活动图的Y轴变为合并图的X轴,被合并图的Y轴作为合并图的Y轴,如图所示
    这里写图片描述

    这三个是最常用的,还有更详细的可以参考https://baijiahao.baidu.com/s?id=1569391237971053&wfr=spider&for=pc

    展开全文
  • 需要开发一个动态tab用来切换Echarts图表的显示,tab项指定显示图表的展示数据。 实现思路 通过多个DIV标签承载Echarts图表。起初的思路是将多个DIV标签设置样式display:none:进行隐藏,在每次进行tab切换时,先改变...

    业务需求

    需要开发一个动态tab用来切换Echarts图表的显示,tab项指定显示图表的展示数据。

    实现思路

    通过多个DIV标签承载Echarts图表。起初的思路是将多个DIV标签设置样式display:none:进行隐藏,在每次进行tab切换时,先改变DIV标签的样式让其显示,然后进行数据请求并绘制图表。

    出现问题

    本该按照百分比显示的Echarts图表只显示了很小的宽和高,当我打开控制台或者对页面布局大小进行控制,就会突然转换为百分比显示。

    解决思路

    因为动态的去让DOM元素取消与显示,可能会影响DOM的加载、图标的绘制。
    所以想了两个办法,要么不操作DOM,要么不按百分比显示(利用媒体查询)。

    媒体查询的方案期初在两个常见分辨率可以较好的显示,但这样的响应式存在较大的局限,也会影响用户体验,于是考虑不操作DOM。

    让Echarts图表项隐藏的办法可以用透明度opacity来控制,这样就避开了DOM操作,此时将DIV标签绝对定位到父级标签。

    新的问题

    然后在切换时出现了新的问题,Echarts上的tooltip提示框没有显示,只显示了HTML中最后一个DIV的tooltip。

    问题定位失败

    对这个细节的思考,我竟然定位到了图表本身,既然有的图标能显示,显然不是图标的问题。我想到了透明度opacity属性是将其以及子代所有元素透明,是不是tooltip被透明了,我又错误的想使用background:rgba()方式进行透明度变更。以为只透明本身元素即可。试了以后才发现并不是这个影响。既然有一个Echarts的图表可以显示tooltip,就证明无关透明度本身了,而我连续两次问题定位失误。

    问题解决

    经过思考以后,我尝试改变DIV标签的定位方式,发现相对定位可以显示,说明是DIV层级显示有问题导致了tooltip不显示,也和最后一个DIV显示相吻合。

    于是,我在透明度切换的同时,变更DIV标签的显示层级,此时这个问题迎刃而解了。

    问题补充

    在这个问题之前,我一直用操作DOM的方式展示图表,发现Echarts中部分图表会出现数据内容合并的情况,无关图表的网络数据请求,而是图表的setOption方法,第二个参数会默认图表内容合并。内容如下:

    chart.setOption(option, {
        notMerge: ...,
        lazyUpdate: ...,
        silent: ...
    });
    

    option
    图表的配置项和数据,具体见配置项手册。
    1. notMerge
    可选,是否不跟之前设置的 option 进行合并,默认为 false,即合并。
    2. lazyUpdate
    可选,在设置完 option 后是否不立即更新图表,默认为 false,即立即更新。
    3. silent
    可选,阻止调用 setOption 时抛出事件,默认为 false,即抛出事件。

    展开全文
  • pyecharts django 前后端分离(ajax),多图表合并展示 先看pyecharts 官方中文网站 pyecharts 官方中文网站 了解到官方是有相关关于django支持的代码示例的。 完全复制代码是可以正常运行并实现 ajax回调,实现前后...

    pyecharts django 前后端分离(ajax),多图表合并展示

    先看pyecharts 官方中文网站
    pyecharts 官方中文网站

    了解到官方是有相关关于django支持的代码示例的。

    完全复制代码是可以正常运行并实现 ajax回调,实现前后端分离。
    问题点在于多图表的构建、前端的js代码移植到自己项目的前端框架。

    自己的项目前后端分离实现时的坑:(股票k线柱状线多图后端到前端)
    多图表合并之后,得到了一个 Grid 对象,却无法将Grid对象转成json,原因为Grid对象无法转json。
    官方文档中也有提示转存json支持不友好情况。(这个可以直接无视,目前没有发现问题)
    pyecharts 官方文档内的描述
    在官方文档观察到单一图表代码中,直接 return c,将c再转成json。

    def bar_base() -> Bar:
        c = (
            Bar()
            .add_xaxis(["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"])
            .add_yaxis("商家A", [randrange(0, 100) for _ in range(6)])
            .add_yaxis("商家B", [randrange(0, 100) for _ in range(6)])
            .set_global_opts(title_opts=opts.TitleOpts(title="Bar-基本示例", subtitle="我是副标题"))
            .dump_options_with_quotes()
        )
        return c
    

    处理分析了好几天注意官方代码比自己多了一句代码.dump_options_with_quotes()。猜测这个是问题的关键,将他加到自己代码的对象中

    grid_chart = (
            Grid()
                .add_js_funcs("var barData = {}".format(data["datas"]))
                .add(overlap_kline_line, grid_opts=opts.GridOpts(pos_left="3%", pos_right="1%", height="60%"), )
                .add(bar_1, grid_opts=opts.GridOpts(pos_left="3%", pos_right="1%", pos_top="71%", height="10%"), )
                .add(overlap_bar_line,
                     grid_opts=opts.GridOpts(pos_left="3%", pos_right="1%", pos_top="82%", height="14%"), )
                .dump_options_with_quotes()
        )
    

    再尝试转化json成功。

    ajax 前端回调后端地址中坑。
    官方示例直接跑是没问题的,将代码移植到框架中却异常,请求时没生成回调请求。
    检查问题出现在</script>标签前置与后置的问题。由于本人使用的前端框架中后置的</script>标签,正确的使用方法为代码前置。
    在这里插入图片描述

    展开全文
  • ECharts图表插件禁止拖动合并

    千次阅读 2016-07-01 17:58:02
     学习和使用起来都比较方便,最近使用的时候发现,ECharts虽然自带的有拖拽合并的功能,但在某些时候,并不想让生成的图表具有这个功能,于是可以使用下列的方法来禁用:calculable : false,  在代码中展示为: ...
  • 微信小程序使用echarts绘画动态图表 #年月日# 首先我们从官网下载echarts插件,路径是https://github.com/ecomfe/echarts-for-weixin,把echarts文件放到自己项目的根目录下 在需要用到的页面js文件第一行引入...
  • Eplan报表自动生成端子图表(或电缆图表)时默认一个端子排一页,有的端子排只有很少几个端子,这样设置造成图纸页数过多,浪费资源,可以通过设置将多个端子排合并放置在一页,如下图。 设置路径:工具>>...
  • 同步并合并图表的外部更改 Synchronize and merge external changes to your diagram 当你在图表diagram上进行协作时,请同步其他人所做的更改,以将其合并到你当前正在编辑的图表中。手动Synchronize功能可以在...
  • finereport中,对于图表的操作,当遇到需要显示多个重复分类下的多个值时,由于自动合并相同数据,无法达到效果反复查询手册无果后,困扰好久,终想到了一个解决的办法:1、给查询的数据添加个列序号,每一条数据都...
  • 直接上代码,里面有注释 public class POIMergeDocUtil { private static final Log log = ... * @param srcDocxs 需要合并的目标docx文件 * @param destDocx 合并后的docx输出文件 */ public static void mergeDoc
  • 写在正文之前 这是我在硕士期间经历科研训练后获得的一些经验 不定时写作以防止自己忘了(比如我忘了我自己用origin进行sech...一种是每个图都画一遍,然后在VISIO中合并调整间距另一种是用Origin2018中的四格图...
  • 最近遇到一个Echarts图表无法动态更新数据的问题 最初我在option中设置series的值为一个数组,想着通过修改数组来动态更新图表,但是没变 化,后来发觉是因为图表数据会和之前的合并 看官方的介绍 所以应该...
  • Java利用poi生成word(包含插入图片,动态表格,行合并) 测试模板样式: 图表 1 Word生成结果: 图表 2 需要的jar包:(具体jar可自行去maven下载) Test测试类: import java.io.FileInputStream; import java.io...
  • FineReport 图表设计

    2019-02-20 14:14:38
     插入图表合并几个单元格,右击插入图表  选择图表类型:选择柱形图  定义图表数据和样式(根据业务来):   2、数据来源: 单元格数据    设置图表父格为:A13   单元格数据...
  • 1、定义LineChart组件,书写...4、然后书写将要合并的数据 5、至此,后台调用的数据就完整的展现到页面中了 最后,附上后台传过来的数据 注意: 后端给的数据的参数要和echarts中数据的参数一致,不然无法合并 ...
  • 以上在word中插入图片和图表,分别用到了InLineShapes和Shapes的方法AddPicture()和AddOLEObject(),Shape 对象代表文档中的图形对象,InlineShape 代表文档中的嵌入式图形对象。所谓嵌入式图形对象,是指将图像作为...
  • 多次调用时option选项默认是合并(merge)的,加上true表示不合并配置 myChart.setOption(option,true); // 加上true表示不合并配置
  • 使用echarts中多个图表重新渲染或者同一个图表类型赋不同的数据,就可能会出现图表污染的问题,例如下面这种 这种是因为echarts为了节省效率,默认刷新图表会直接调用上一次的数据源,但不同的数据源出现就会出现...
  • HTML5柱状图表js特效是一款以将多张图表的数据合并成一张图表显示,在图表数据合并过程中产生融入的动画,挺不错的。
  • 当一张echarts图表中有多个选项切换时,在向option中setOption中的时候,要保证,这时候的option中并没有任何数据,否则,会将两次数据合并,就会导致数据错乱问题,官网上有个解决方法,是setOption时,可以设置三...
  • ECharts 图表插件使用整理 说明 ECharts 是一个 JavaScript 实现的开源可视化库,兼容当前绝大部分浏览器 IE 8 以上,是一个可高度个性化定制的数据可视化图表 ECharts 版本 –&gt; 4.0.2 这篇文章...
  • //合并行 mergeCellVertically(table,0,indexList.get(c)[0]+1,indexList.get(c)[1]+1); } } //第四个表格使用tableList,插入数据 if (null != list02 && 0 () && i == 3){ insertTable(table, list02,null,...
  • echarts地图合并(省和省合并,市和市合并,省和市合并) //获取要合并地图的数据 $scope.getMergeMapData = function () { // var areaArr = [{pro:'湖北',city:[]}] // var areaArr = [{pro:'广东',city:['潮州...
  • 在项目中,常常会使用按钮等切换两图表的显示,在切换时,容易发生数据污染,原图表的数据仍会...多次调用绘制图表时,option选项默认是合并(merge)的。 const Chart = this.$refs.chart1; let Option = this.s...
  • react之echarts图表

    2020-07-25 16:05:14
    react之echarts图表 option ==>必须,echarts图表的配置项和... 可选, 是否不跟之前设置的 option 进行合并,默认为 false,即合并。 lazyUpdate==> 可选,在设置完 option 后是否不立即更新图表,默认为 false

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 35,635
精华内容 14,254
关键字:

动态图表合并