echarts折线图怎样切断？

2018-04-25 11:17:36 2k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Echarts 快速入门折线图只需要把类型设置为line即可这里xAxis和yAxis的type属性都可以隐去不写。因为坐标轴的默认类型是数值型，而xAxis指定了类目型的data，所以ECharts也能识别出这是类目型的坐标轴。为了让大家更容易理解，我们特意写了type。在实际的应用中，如果是'value'类型，也可以省略不写。笛卡尔坐标系折线图如果我们希望折线图在横坐标和纵坐标上都是连续的，即在笛卡尔坐标系中，只要把series的data每个数据用一个包含两个元素的数组表示就行了。option = { 阅读详情

怎样把折线图某两个相邻点之间的连线去掉或隐藏？相当于在某个位置把曲线切断，每个数据点还在，并不是将某个点的值设成“-”

...全文

Labview执行adbshell操作一、目录 1、实现思路 2、adbshell工具配置 3、Labview执行命令窗口 1、实现思路使用Labview的优点： 1、可以配合电源系统或者调用其他接口工具实现更高程度的自动化测试； 2、直接执行Linux相关命令，编写相关执行顺序或者逻辑更简易； --------可以用adbpush命令将.sh的脚本文件推入控制器内部执行； 3、Ubuntu系统比较大，如果只是日常执行脚本测试还是比较占用磁盘空间； 2、adbshell工具配置 1）下载adbshell工具； adbshell工具下载链阅读详情

立早家饰

JavaScript 87,983 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

Emma_Maria 2019-07-19

打赏
举报

tooltip怎么展示呢

立早家饰 2018-04-28

打赏
举报

引用 3 楼 bbboy8205 的回复:

http://echarts.baidu.com/examples/editor.html?c=line-sections, 从这里可以看出，某一断是可以自定义的。最简单的可以设置某断color 为背景色就看不到了。

这个方法可行，设置visualMap，令第7个点到第8个点之间、第12个点到第13个点之间透明，其它不透明，不需改动曲线颜色 visualMap: { show: false, dimension: 0, pieces: [ { gt: 7, lt: 8 },{ gt: 12, lt: 13 }] ,outOfRange:{opacity:1} ,inRange:{opacity:0} }

风中的少年 2018-04-27

打赏
举报

http://echarts.baidu.com/examples/editor.html?c=line-sections, 从这里可以看出，某一断是可以自定义的。最简单的可以设置某断color 为背景色就看不到了。

立早家饰 2018-04-27

打赏
举报

引用 1 楼 Free_Wind22 的回复:

拆成２条线


option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901],
        type: 'line',
        color: '#f60'
    },
    {
        data: ['/', '/', '/', 934, 1290, 1330, 1320],
        type: 'line',
        color: '#f60'
    }]
};

我的图里面本身就有好几条线，若干位置要断开，那不就要做n多曲线，行不通

囧 2018-04-26

打赏
举报

拆成２条线


option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901],
        type: 'line',
        color: '#f60'
    },
    {
        data: ['/', '/', '/', 934, 1290, 1330, 1320],
        type: 'line',
        color: '#f60'
    }]
};

echarts折线图怎样切断？

相关推荐