GithubHelp home page GithubHelp logo

g2-plugin-slider's People

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Forkers

team-honglou wu-sheng aa1011372655 laispace huazhikui cipchk kqsmea8 zjfjiayou winlinvip xile611 qkr-noone dingzhaotg yangxin1994 shengshengle

g2-plugin-slider's Issues

span设置不生效

当使用非线性数据时，设置了startRadio和endRadio后，设置minSpan，maxSpan为相同数值但是滑块还是可以调整大小。

另外是否有开关可以关闭选区范围调整，我想每次数据分片是固定的数量

2.1.1 版本在 module 引入初始化时报错

Summary

[email protected] 在 module 引入初始化时报错

Environment

版本 2.1.1

Expected behavior

无报错

Actual behavior

在未进一步引用时便出现报错：

Uncaught (in promise) TypeError: Cannot read property 'Group' of undefined
    at Object.<anonymous> (g2-plugin-slider.js:511)
    at __webpack_require__ (g2-plugin-slider.js:30)
    at Object.<anonymous> (g2-plugin-slider.js:96)
    at __webpack_require__ (g2-plugin-slider.js:30)
    at Object.<anonymous> (g2-plugin-slider.js:80)
    at __webpack_require__ (g2-plugin-slider.js:30)
    at g2-plugin-slider.js:73
    at g2-plugin-slider.js:76
    at webpackUniversalModuleDefinition (g2-plugin-slider.js:3)
    at Object../node_modules/_@[email protected]@@antv/g2-plugin-slider/build/g2-plugin-slider.js (g2-plugin-slider.js:10)

Steps to reproduce the behavior

前向依赖 G2 版本 3.4.5

安装插件：

npm i @antv/g2-plugin-slider --save

然后在项目中任意一个 js 文件中写入如下代码：

import G2Slider from '@antv/g2-plugin-slider';

运行即可。

限制start和end之间的距离

Summary

拖动slider的start，当start等于end时，拖拽对象会自动变成整个区间（因为start和end黏在一起了），而且这种情况下要把start 和 end 拉开相当困难。

Environment

任何

Expected behavior

如果可以限制start和end之间的距离，使得距离不要太小可能能解决。

babel的loose模式会导致此模块在electron下无法加载

Summary

如题，默认构建的 build/g2-plugin-slider.js:502 中 subClass.prototype.constructor = subClass，为只读属性，语句无法操作成功。

Uncaught TypeError: Cannot assign to read only property 'constructor' of object '#<Group>'
    at _inheritsLoose (webpack:///./node_modules/@antv/g2-plugin-slider/build/g2-plugin-slider.js?:497)
    at eval (webpack:///./node_modules/@antv/g2-plugin-slider/build/g2-plugin-slider.js?:513)
    at Object.eval (webpack:///./node_modules/@antv/g2-plugin-slider/build/g2-plugin-slider.js?:909)
    at __webpack_require__ (webpack:///./node_modules/@antv/g2-plugin-slider/build/g2-plugin-slider.js?:25)
    at Object.eval (webpack:///./node_modules/@antv/g2-plugin-slider/build/g2-plugin-slider.js?:91)
    at __webpack_require__ (webpack:///./node_modules/@antv/g2-plugin-slider/build/g2-plugin-slider.js?:25)
    at Object.eval (webpack:///./node_modules/@antv/g2-plugin-slider/build/g2-plugin-slider.js?:75)
    at __webpack_require__ (webpack:///./node_modules/@antv/g2-plugin-slider/build/g2-plugin-slider.js?:25)
    at eval (webpack:///./node_modules/@antv/g2-plugin-slider/build/g2-plugin-slider.js?:68)
    at eval (webpack:///./node_modules/@antv/g2-plugin-slider/build/g2-plugin-slider.js?:71)

Environment

  • 依赖链:
[email protected]
  ∟ [email protected]
      ∟ [email protected]
          ∟ @antv/[email protected]
  • electron:
ares: "1.15.0"
brotli: "1.0.7"
chrome: "83.0.4103.122"
electron: "9.3.0"
http_parser: "2.8.0"
icu: "65.1"
llhttp: "2.0.1"
modules: "80"
napi: "5"
nghttp2: "1.40.0"
node: "12.14.1"
openssl: "1.1.0"
unicode: "12.1"
uv: "1.33.1"
v8: "8.3.110.13-electron.0"
zlib: "1.2.11"

设定滑动条text 自动隐藏？

滑动条目前可以通过textAttr 设置提示的样式或隐藏，请问是否可以设置提示默认隐藏，当鼠标移动到滑块或2个滑块之间的时候再显示？ 或者是否让text出现在滑块上边，而不是左边？

How to set default position?

When I init the slider it defaults to showing a slice of data from the middle.

How can I decide with which data the slider initializes?

能提供一个非线性的slider例子吗

先抱歉没按照issue格式写，我看到官网上的slider例子都是基于时间线性的，然后试了下非线性的发现不行，是不支持还是我写的不对，所以能提供一个slider的非线性的例子吗，比如如下数据结构

// 柱图数据
cons data = [
{name: 'item1',   value: 10},
{name: 'item2',   value: 20},
{name: 'item3',   value: 40},
{name: 'item4',   value: 50},
{name: 'item5',   value: 60},
...
]

动态更新数据

想动态更新数据，以前的Range插件

$.getJSON('url',
				function(data) {
					flowChart.changeData(data)
					rainChart.changeData(data)
					flowChart.repaint()
					rainChart.repaint()

					range.clear()
					range = new G2.Plugin.range({
						id : 'range', //DOM id
						width : 800,
						height : 26,
						dim : 'time',
					});

					range.source(data);
					range.link([ flowChart, rainChart ]);
					range.render();
				});

重新new了一下。。现在这么写每次下面都会出个移动条。。怎么解决

关于 yAxis 的疑问 

yAxis
(string)
必须声明，我们的 Slider 是带有背景图表的滑动条组件，该字段用于声明该背景图表的纵轴轴映射字段。

多个纵坐标的情况下，是否也能联动？

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.