精华内容
下载资源
问答
  • 坐标轴刻度标签的显示间隔,在类目轴中有效。 默认会采用标签不重叠的策略间隔显示标签。 可以设置成 0 强制显示所有标签。 如果设置为 1,表示『隔一个标签显示一个标签』,如果值为 2,表示隔两个标签显示一个标签...

    http://www.sxrczx.com/pages/www.stepday.com/topic/883.html

    xAxis.axisLabel.interval number, Function [ default: 'auto' ] 坐标轴刻度标签的显示间隔,在类目轴中有效。 默认会采用标签不重叠的策略间隔显示标签。 可以设置成 0 强制显示所有标签。 如果设置为 1,表示『隔一个标签显示一个标签』,如果值为 2,表示隔两个标签显示一个标签,以此类推。 可以用数值表示间隔的数据,也可以通过回调函数控制。回调函数格式如下: (index:number, value: string) => boolean 第一个参数是类目的 index,第二个值是类目名称,如果跳过则返回 false。

    转载于:https://my.oschina.net/yiqifendou/blog/920418

    展开全文
  • 作者: echarts | 时间:2014-5-5 ...ECharts,图表,组件,中级,入门,Axis,axisLabel,坐标,刻度,间隔,interval  [ 摘要]: ECharts图表组件当我们xAxis的data数据过多的情况下你会发现原本连续
    
    作者: echarts | 时间:2014-5-5
     12:59:42 | [    ] | 来源:ECharts入门 |  阅读阅读:3461 |  评论   评论:
     0 |  收藏  收藏
    ECharts,图表,组件,中级,入门,Axis,axisLabel,坐标,刻度,间隔,interval  
    [ 摘要]: ECharts图表组件当我们xAxis的data数据过多的情况下你会发现原本连续的坐标刻度出现了断层(间隔)的现象,为什么呢?其实这种现象是很正常的,它是怎么产生的呢? 原来ECharts图表组件内部有一个机制,用于统计xAxis坐标刻度的个数和图表宽度,从而会自动调整刻度间隔个数以此达到刻度相互之间不致于很拥挤而影响图表欣赏性。刻度间隔的相关属性就是:interval。
     {string | number}interval 'auto' 类目型 标签显示挑选间隔,默认为'auto',可选为:'auto'(自动隐藏显示不下的) | 0(全部显示) |{number}(用户指定选择间隔) ...
    

    ECharts图表组件当我们xAxis的data数据过多的情况下你会发现原本连续的坐标刻度出现了断层(间隔)的现象,为什么呢?其实这种现象是很正常的,它是怎么产生的呢?

    原来ECharts图表组件内部有一个机制,用于统计xAxis坐标刻度的个数和图表宽度,从而会自动调整刻度间隔个数以此达到刻度相互之间不致于很拥挤而影响图表欣赏性。刻度间隔的相关属性就是:interval

    {string | number}interval 'auto' 类目型 标签显示挑选间隔,默认为'auto',可选为:'auto'(自动隐藏显示不下的) | 0(全部显示) |{number}(用户指定选择间隔)

    默认情况下此属性值为”auto“,会自动根据刻度个数进行调整。

    如果你想要设置所有刻度均显示出来,则只需要设置当前属性值为0即可,示例代码形如:


    xAxis : [
            {
                type : 'category',
                boundaryGap : false,
                data : ['周一','周二','周三','周四','周五','周六','周日','周一','周二','周三','周四','周五','周六','周日','周一','周二','周三','周四','周五','周六','周日','周一','周二','周三','周四','周五','周六','周日'],
                axisLabel:{
                     //X轴刻度配置
                     interval:0 //0:表示全部显示不间隔;auto:表示自动根据刻度个数和宽度自动设置间隔个数
                }
            }
        ],


    想要间隔多少个这里就可以配置多少的数值即可,根据个人需要作出相应配置。

    完整示例代码如下所示:


    option = {
        tooltip : {
            trigger: 'axis'
        },
        legend: {
            data:['邮件营销']
        },
        toolbox: {
            show : true,
            feature : {
                mark : {show: true},
                dataView : {show: true, readOnly: false},
                magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
                restore : {show: true},
                saveAsImage : {show: true}
            }
        },
        calculable : true,
        xAxis : [
            {
                type : 'category',
                boundaryGap : false,
                data : ['周一','周二','周三','周四','周五','周六','周日','周一','周二','周三','周四','周五','周六','周日','周一','周二','周三','周四','周五','周六','周日','周一','周二','周三','周四','周五','周六','周日'],
                axisLabel:{
                     //X轴刻度配置
                     interval:3 //0:表示全部显示不间隔;auto:表示自动根据刻度个数和宽度自动设置间隔个数
                }
            }
        ],
        yAxis : [
            {
                type : 'value',
                splitArea : {show : true}
            }
        ],
        series : [
            {
                name:'邮件营销',
                type:'line',
                stack: '总量',
                data:[120, 132, 101, 134, 90, 230, 210,120, 132, 101, 134, 90, 230, 210]
            }
        ]
    };


    效果如下所示:

    刻度间隔为3的效果示意图

    图1:刻度间隔为3的效果图

    刻度间隔为0的效果图

    图2:刻度间隔为0的效果图

    ECharts,图表,组件,中级,入门,Axis,axisLabel,坐标,刻度,间隔,interval    本文为原创型文章转载请尊重他人劳动成果并注明出处: http://www.stepday.com/topic/?883
    展开全文
  • 当创建一个图表时,Excel会分析数据然后设置坐标轴刻度.Excel是如何计算最小和最大刻度值的呢?在Microsoft产品支持服务网站上,可以找到部分答案. Excel计算坐标轴刻度使用一种相对复杂的算法.根据最小值和最大值...

    http://office.wps.cn/officeexcel/18720-2013-04-10-16-35-12-822.html

     

    当创建一个图表时,Excel会分析数据然后设置坐标轴刻度.Excel是如何计算最小和最大刻度值的呢?在Microsoft产品支持服务网站上,可以找到部分答案.

    Excel计算坐标轴刻度使用一种相对复杂的算法.根据最小值和最大值的符号不同,计算也不同(两个正值、两个负值或零,或者是一个正值、一个负值).计算根据:
    ● “设置坐标轴格式”对话框里的“坐标轴选项”标签中指定的主要刻度单位 ● 最小值(MIN) ● 最大值(MAX) 如果绘图数值都是正数,值坐标轴的最大刻度值自动成为第一个主要刻度单位,它大于等于此表达式所返回的值:
    MAX + 0.05 * (MAX-MIN) 另外,值坐标轴的最大值自动成为大于或等于最大值的第一个主要单位.但是如果最大值和最小值之间的差大于最大值的16.667%,则值坐标轴的最小值自动为零.
    如果最大值和最小值之间的差小于最大值的16.667%,则值坐标轴的最小值自动成为第一个主要单位,它小于或等于此表达式所返回的值:
    MIN-[(MAX-MIN)/2]
    但是请等等,如果这个图表是散点图或者是气泡图,则值坐标轴的最小值自动成为第一个主要单位,它小于或等于最小值.Microsoft没有显示主要刻度单位值是

    如何计算的. 这些都明白了吗?如果没有,也不用苦恼.如果不喜欢Excel处理坐标轴的方式,忽略这些设呈也很简单.

    展开全文
  • 在illustrator中创建的数据图表,默认情况在纵轴上只会显示一个数值,即使你设置了左右两边都显示数值,它只会显示同一个数值,可有时我们创建的图表需要在纵轴上左右两边显示不同的数值出来,而在illustrator中,...

    在illustrator中创建的数据图表,默认情况在纵轴上只会显示一个数值,即使你设置了左右两边都显示数值,它只会显示同一个数值,可有时我们创建的图表需要在纵轴上左右两边显示不同的数值出来,而在illustrator中,这种要求是能轻易实现的,需要用到分组工具,下面说下在illustrator中创建的图表,左右两边的纵轴显示不同数据的操作方法。


    1.打开illustrator,ctrl+N键新建一个文档,之后用图表工具,这里选择折线图工具,在空白文档中,按住鼠标左键拖动绘制一个图表框出来,之后点击导入数据选项导入excel文件已转换为.txt格式的数据文档,再勾选右边窗口的勾进行确认应用导入创建折线图;

    d0de08c81fc67aff165bc2c7cea901a3.png

    8f2eb59b3dfed6f252988964f7e61ac2.png

    17bea9de46ad3e51ee1e2efabe2e5afd.png

    50c2601241157fbe7188aba4134e46eb.png

    cea8d548b16bdc326189302a43ad745d.png

    2. 若你显示的折线图显示出来的图表外观跟我不一样,先用选择工具(快捷键V)点击选择创建的图表选中(快捷键ctrl+A),之后右键选择类型选项打开,在里面进行相应的设置,图标左上方选项框里有图表选项,数据轴,类别轴三个选项,他们分别对应设置不同的图表显示内容;

    668d32adb491fe977be29162584c6edc.png

    66bb49328f641cc180daa5b6397eaa1d.png

    55bff43ff3023159fcca6563c52e6555.png

    3.图表选项里的数据轴显示方式有位于左侧,位于右侧以及位于两侧3个选项,若勾选样式选项里的在顶部添加图例,则图表显示的图例会在图表的顶部显示出来,不勾选,图例默认情况显示在图表的右上角的位置;

    31ac1cfe7872ad24a1e0806c481a003c.png

    4ee9f3ddfc7ce89664bc60fc1a7c6a7e.png

    729359cb7d8076574c6180242539d4f4.png

    3968a68f76470e86d8b1f34dff1376cd.png

    4.若你选择了数值轴显示在左右两侧选项,右键打开的图标类型选项里会出现左轴,右轴及类别轴选项,与之前有点不同,但在图标类型选项里分别设置了左右轴的数据是不能让左右两边的数值在图表上显示不一样的数值出来的,(里面只能设置下最大最小值,刻度值,以及在数值上添加一些后缀标签),它最终会以左轴的数据设置为准进行图表数据显示;

    但是注意:并不代表右轴数据设置没用,可以把右轴数值和刻度先设置好,等下为分组操作做准备,因为等下设置的数值会引用现在右轴设置的刻度和后缀显示单位,在对象菜单图表类型选项里设置的各类数据是无效的,它只起引导作用,好像有点欲哭无泪的感觉;

    33fed31125681b64076a2bc715e7dd79.png

    128b588e612883d7c2dfc4a54c5c1f03.png

    0561528384a02b3536cc56ec2ff68388.png

    1edcaef723e13761918d54ca48f80a1f.png

    5.废话讲了半天,正式切入正题,左右两边纵轴显示不同数据的设置方法:先按ctrl+shift+a键取消图表的选择,接着选择直接选项工具下的编组选择工具,在某个图例左边的图标上点击2次选中或者点击折线图里的相应线段3次进行数组单独选中(这里操作示范点击选择的是时长数组),不要全选所有的数组;

    接着点击选择对象菜单里的图表选项里的类型选项打开,选择数据轴右侧,确定即可;

    f698a9136d00859afeba5e0a925a2836.png

    ea9beced89ca44eb046df6b2a65c3db6.png

    2440c4f8cd3355e2294916d21d0edc75.png

    d1bb0040ebffc5d1a7f6069b8de1a450.png

    8193c9d236f40796865fbae9dd7a4513.png

    6.最后给创建的图表进行外观修饰,用直接选择工具(快捷键A),按住alt键多次点击某个线段或者图标进行分组选中(最多点击三次,不然会全选),依次进行填充颜色,描边大小,线段样式的选择应用即可设置图表的外框。

    a0708511751470b873e37eb2bc14c24f.png

    1d7a685c598342f4229158d284b70843.png

    a4702305fa78e42c1b07e6582e192e2e.png

    af9b3aec744c5cc617caa72ba46ac249.png

    右侧的数据创建及修改,需要先选择图表后,右键选择类型选项打开,在里面先选择数值轴显示方式为左右两侧后,再右轴选项进行数据的刻度,后缀之类的修改,然后再点击对象菜单里的图表选择类型里面的数值轴为右侧选项进行应用。前后两者操作顺序不可逆,必须先右键类型选项进行修改了之后,再点击对象菜单里的图表类型进行应用,不可本末倒置,那样是无用的。


    如有需要,点击下方链接,可查看往期写的illustrator知识

    Illustrator小知识库

    冒险的Cutfish:Illustrator小知识库zhuanlan.zhihu.com
    3a0973e5139a7d6fd675fed0fe035f62.png
    展开全文
  • 春节即将到来, 这是节前的最后一篇, 来说明下 jqplot 的轴和网格的设置. ...本文将详细的讲解如何设置 Plot 图表控件的轴和网格, 目录如下: * 准备 * 轴 * 标题 * 刻度 * 两边的空白 ...
  • 今天将会和大家一起学习如何设置坐标轴和线条属性,并向图形和图表中添加更多的数据 (1)首先我们先来了解一下图形(figure)和子区(subplots) - 调用figure()方法会显示的创建一个图形 - 调用plot()方法会隐式的...
  • 这篇文章,我们介绍一下如何图表坐标轴以对数为刻度显示(只是显示方式的差别,这种操作不会改变你的数据),以及如何将原始数据转换为对数。创建一个对数刻度坐标轴在轴上双击打开Format Axes对话框【坐标轴格式...
  • 我们有值在加载网站时可能会有所不同,我们想要动态设置刻度步长 . 我们在同一个图表中有两个不同单位的数据集,并希望水平网格线相互匹配 . 一方面,它是从0到100%的步长为20的比例 . 另一方面,我们希望最大值为...
  • 问题来源昨天发了Excel165 | 图表如何做出双坐标轴?今天,就有朋友问:在特殊情况下,需要图表翻转方向,能做到吗?当然能了!如下图:关键操作双击纵坐标数据,打开【设置坐标轴格式】,选择【逆序刻度值】:...
  • 现在在开发一个Echar的柱状图。遇到了几个问题,搜索了半天才弄好,写下来供...所以希望图形中的刻度也不要出现小数; 问题4:如果窗口大小变化,图表可以自动进行调整; 为了解决上面的四个问题,我对Echar进
  • 问题:不同的曲线显示在同一种Y轴刻度下,因数据范围的差别,显示的曲线对数据的刻画明显程度便差别很大,一些数据范围小的曲线几乎成为一条直线,不能很清晰地反映出数据的变化趋势。如图所示:查了很多资料,也看...
  • 原标题:Python中坐标轴刻度的设置与调整丨数析学院投稿邮箱:editor@datartisan.com 本节将向大家演示在 Python 中如何运用 Matplotlib 库设置图表中的坐标轴刻度。首先,我们需要在 Python 中导入所需的库与模块,...
  • LightningChart包括广泛的2D,高级3D,Polar,Smith,3D饼/甜甜圈,地理地图和GIS图表以及适用于科学,工程,医学,航空,贸易,能源和其他领域的体绘制功能。该演示显示:显示如何在实时折线图中绘制数十亿个数据...
  • 第一次看到这图表时,不是什么双向条形图、蝴蝶图,而是背对背图形,并联想到特别喜欢的电影《史密斯夫妇》,就是下面这张背对背的海报[捂脸],真不是来推荐电影的1 蝴蝶图优势&适用场景能给人非常直观的比较,...
  • 默认情况下,创建图表时,Excel会自动设置其坐标轴属性。...本文将介绍如何使用Spire.XLS更改Excel图表中的字体及格式,包括更改图表标题、图例、坐标轴、坐标轴标题、图表数据标签等字体。可应用格...
  • 本期内容给大家讲解一下如何使用Excelk绘制带有气泡的条形图、棒棒图、滑珠图。上述的3幅图在Excel中绘制还是有一定的难度,但是如果对于基础的图表熟悉的话还是很容易可以做出上面的三幅图表。下面分别简单地介绍...
  • 2) 在使用之前建议设置一个自己喜欢的样式、或者按照工程及论文要求的图形样式进行绘图参数的设置,关于如何设置,可以查看上一篇博客 2、图表窗口 由于选择使用的是jupyter notebook,这里就存在多种表格窗口的...
  • 前言本文主要讲解,在Excel中如何制作两端对齐的参考线,包括柱状图、折线图、条形图等多种技巧。 目录图表介绍图表特色...三、绘图步骤第一步,绘制适合的图表类型,为辅助线段设置“坐标轴位置在刻度线上”;(1)...
  • <div><p>大神,Y轴的刻度文字可以自定义吗?比如我要实现一个配速图表,...我该如何设置?用的是swift版本的</p><p>该提问来源于开源项目:AAChartModel/AAChartKit</p></div>
  • 我试图在Chart.js中添加一个双Y轴进行两次数据集比较.我目前正在使用Leigh Quince的LineBar扩展,这是在这里找到的答案:Chart.js how to get Combined...似乎有Line和Bar图表,或Double-Y但不是两者.我的问题是我需要...
  • 这篇文章,我们介绍一下如何图表坐标轴以对数为刻度显示(只是显示方式的差别,这种操作不会改变你的数据),以及如何将原始数据转换为对数。 创建一个对数刻度坐标轴 在轴上双击打开Format Axes对话框...
  • 这篇文章,我们介绍一下如何图表坐标轴以对数为刻度显示(只是显示方式的差别,这种操作不会改变你的数据),以及如何将原始数据转换为对数。创建一个对数刻度坐标轴在轴上双击打开Format Axes对话框【坐标轴格式】...
  • 那么,这样的图表效果是如何实现的呢(图1)?其实,如果利用好散点图,上述效果很容易实现。1. 整理及构建图表数据要想制作出上述图表效果,需要对源数据进行整理。首先,需要将工作表源数据中的“预计支出”处理成...
  • 这篇文章,我们介绍一下如何图表坐标轴以对数为刻度显示(只是显示方式的差别,这种操作不会改变你的数据),以及如何将原始数据转换为对数。创建一个对数刻度坐标轴在轴上双击打开Format Axes对话框【坐标轴格式】...
  • 我正在使用chart.js在我的页面中使用图表我在x轴上的日期与我的y轴值(成本)有关.我想保持折线图继续其值,直到有变化并为此编码.这是输出在此标记为值是否相同我绘制了点.我可以选择删除所有点,但如果值与之前相同,我...
  • 上述的3幅图在Excel中绘制还是有一定的难度,但是如果对于基础的图表熟悉的话还是很容易可以做出上面的三幅图表。下面分别简单地介绍一下上面的3幅图的作图的思路与技巧,以便在大家的制图过程中能有帮助与启发。带...
  • 前言本文主要讲解,在Excel中如何制作两端对齐的参考线,包括柱状图、折线图、条形图等多种技巧。...三、绘图步骤第一步,绘制适合的图表类型,为辅助线段设置“坐标轴位置在刻度线上”;(1)全选数据源,插入...
  • 2、 “设置” -> "语言" -> "简体中文" 3、“文件” -> “打开图片” 4、“操作” -> “设定标尺刻度” 这一步是点4下,分别确定X轴范围的最小值、最大值,Y轴范围的最小值、最大值。(注意准确) 5、“操作” ->...
  • 前言本文主要讲解,在Excel中如何制作两端对齐的参考线,包括柱状图、折线图、条形图等多种技巧。目录图表介绍图表特色...三、绘图步骤第一步,绘制适合的图表类型,为辅助线段设置“坐标轴位置在刻度线上”;(1)...

空空如也

空空如也

1 2 3 4 5
收藏数 91
精华内容 36
关键字:

如何设置图表刻度