小编Gil*_*sha的帖子

不使用强制布局的节点和链接的简单图形

如何制作不使用force()布局的基本连接图(例如两个节点和连接它们的链接)?我只是希望能够拖动节点并调整链接以在拖动节点时保持连接.我不想要任何充电或定位功能force().基本上我希望每个节点都"粘".节点只会在被拖动时移动.

但有一种简单的方法可以做到这一点吗?我见过的每个例子都是围绕力导向图构建的.

我已经看过这个例子,http://bl.ocks.org/mbostock/3750558,但它以强制导向图开始,然后使节点变得粘稠.对于我想要的东西,这种方法似乎倒退了.

某处有一个基本的例子吗?

javascript d3.js

29
推荐指数
2
解决办法
2万
查看次数

带有多个彩色线段的​​折线图

我正在使用Ext 5,并希望根据值对折线图中的线段进行着色.如果值大于目标,则显示绿色线,否则显示红色.

有没有办法根据其值更改Ext折线图中线段的颜色?

我发现在这个链接中没有内置的方法来实现这一点

我还尝试在线上动态添加一个线条精灵,以产生不同颜色的影响.有效.但我无法找到精确的x,y坐标来动态绘制此自定义线.

这是我到目前为止尝试过的代码.

Ext.onReady(function () {    
    var data = [{
        'date': '1',
        'data2': 4
    }, {
        'date': '2',
        'data2': 8
    }, {
        'date': '3',
        'data2': 12
    }, {
        'date': '4',        
        'data2': 6
    }, {
        'date': '5',
        'data2': 36
    }];

    Ext.create('Ext.chart.Chart', {
        renderTo: Ext.getBody(),
        width: 500,
        height: 300,
        store: {
            fields: ['name', 'data2'],
            data: data
        },
        listeners: {
            redraw: function(){
                var chart = this;
                var series = chart.series[0];
                var dataRange = series.dataRange;
                var large = dataRange.find(function(v){ …
Run Code Online (Sandbox Code Playgroud)

javascript charts extjs line extjs5

18
推荐指数
1
解决办法
760
查看次数

HTML css表未对齐列

我试图在AngularJS中使用粘性页眉和页脚创建一个表.我设法做到了; 这是一个Plunker演示和代码:

<body ng-controller="MainCtrl as ctrl">
    <table class="table table-bordered table-hover">
        <thead>
            <tr>
                <th>
                    Column1
                </th>
                <th>
                    Column2
                </th>
                <th>
                    Column3
                </th>
                <th>
                    Column4
                </th>
                <th>
                    Column5
                </th>
            </tr>
        </thead>
        <tbody>
            <tr class="info" ng-repeat="item in items">
              <td>
                {{item.name}}
              </td>
              <td>
                  {{item.type}}
              </td>
              <td>
                  {{item.value}}
              </td>
              <td>
                  {{item.code}}
              </td>
              <td>
                  {{item.id}}
              </td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <th>
                    Column1
                </th>
                <th>
                    Column2
                </th>
                <th>
                    Column3
                </th>
                <th>
                    Column4
                </th>
                <th>
                    Column5
                </th>
            </tr>
        </tfoot>
    </table>
  </body>
Run Code Online (Sandbox Code Playgroud)

但唯一的问题是:

  1. 如您所见,列宽不是动态的,在第一行中数据溢出到第二列.
  2. 列未对齐.

知道如何解决这个问题吗?

html css html-table angularjs

17
推荐指数
4
解决办法
5165
查看次数

SVG旋转和缩放变换问题

我正在尝试使用转换重新调整大小,旋转和拖动SVG元素.如果我旋转一个物体,然后重新调整它的大小,然后再次旋转它,在最后一次旋转时,该元素会被错误地移位.

通过这种方式调整大小

var matrix = SVG.createSVGMatrix()
                .translate(x,y)
                .scaleNonUniform(sx,sy)
                .translate(-x,-y);
var newMatrix =  SVG.createSVGTransformFromMatrix(ctm.multiply(matrix)); 
element.transform.baseVal.initialize(newMatrix);  
Run Code Online (Sandbox Code Playgroud)

旋转是这样完成的

var matrix = SVG.createSVGMatrix()
                .translate(cx,cy)
                .rotate(angle)
                .translate(-cx,-cy);
var newMatrix = SVG.createSVGTransformFromMatrix(ctm.multiply(matrix));
element.transform.baseVal.initialize(newMatrix);  
Run Code Online (Sandbox Code Playgroud)

有什么想法解决这个问题吗?

javascript html5 svg matrix

8
推荐指数
1
解决办法
2260
查看次数

显示嵌套json中的列表:Sencha Touch 2

我有一个列表,显示一个餐厅列表,其中包含餐厅的标识等.

风景

Ext.define('Test.view.Contacts', {
    extend: 'Ext.List',
    xtype: 'contacts',

    config: {
        title: 'Stores',
        cls: 'x-contacts',

        store: 'Contacts',
        itemTpl: [
            '<div class="headshot" style="background-image:url(resources/images/logos/{logo});"></div>',
            '{name}',
            '<span>{add1}</span>'
        ].join('')
    }
});
Run Code Online (Sandbox Code Playgroud)

当您点击餐厅时,我希望它根据点击的项目显示另一个列表.

第二种观点

Ext.define('Test.view.Menu', {
    extend: 'Ext.List',
    xtype: 'contact-menu',

    config: {
        title: 'Menu',
        cls: 'x-contacts',

        store: 'Contacts',
        itemTpl: [
            '<div>{item}</div>'
        ].join(''),
    },
});
Run Code Online (Sandbox Code Playgroud)

模特

Ext.define('Test.model.Contact', {
    extend: 'Ext.data.Model',

    config: {
        fields: [
            'name',
            'logo',
            'desc',
            'telephone',
            'city',
            'add1',
            'post',
            'country',
            'latitude',
            'longitude'
        ],
        proxy: {
            type: 'ajax',
            url: 'contacts.json'
        }
    },
    hasMany: {
        model: "Test.model.Menus", …
Run Code Online (Sandbox Code Playgroud)

json extjs javascript-framework sencha-touch-2

6
推荐指数
1
解决办法
9961
查看次数

从文本框中删除所选文本并在C#.NET中输入新字符

我试图从文本框中删除所选文本并输入新字符代替它.例如,如果文本框由123456和我选择345,并按下r键盘,它应该替换所选文本.

这是我的代码:

string _selectText = txtCal.SelectedText;
string _text = Convert.ToString(btn.Text);

if (_selectText.Length > 0) {
   int SelectionLenght = txtCal.SelectionLength;
   string SelectText = txtCal.Text.Substring(txtCal.SelectionStart, SelectionLenght);
   txtCal.Text = ReplaceMethod(SelectText, _text);
}

//replace method function
public string ReplaceMethod(string replaceString, string replaceText) {
   string newText = txtCal.Text.Replace(replaceString, replaceText);
   return newText;
}
Run Code Online (Sandbox Code Playgroud)

谁能告诉我我的错误在哪里?

c#-4.0

6
推荐指数
2
解决办法
8587
查看次数

为什么BeginForm("Foo")在查询字符串中添加"Length"键?

我不是MVC的新手,所以当我点击提交按钮时,为什么我无法更改POST的URL时,我感到有点困惑.

我有一个名为PandoraRemovalTool.cshtml的简单视图

@{
    ViewBag.Title = "PandoraRemovalTool";
}
@using (Html.BeginForm("PandoraGetDocsList"))
{
    <h2>Pandora Removal Tool</h2>    
    @Html.Label("Member number:")
    @Html.TextBox("txtMemberNumber")
    <br />
    <input type="submit" value="Search"/>
}
Run Code Online (Sandbox Code Playgroud)

由于它很简单,我没有使用模型,我只想POST txt值.但是URL有点奇怪.它指向网站中的这条路径:

<form action="/Administration/PandoraRemovalTool?Length=18" method="post" novalidate="novalidate">    
    <h2>Pandora Removal Tool</h2>
    <label for="Member_number:">Member number:</label>
    <input id="txtMemberNumber" name="txtMemberNumber" type="text" value=""/>        
    <br>
    <input type="submit" value="Search"/>
</form>
Run Code Online (Sandbox Code Playgroud)

我不明白从哪里得到长度= 18.我想发布到这个方法:

[HttpPost]
public ActionResult PandoraGetDocsList(string txtMemberNumber)
{
    return RedirectToAction("PandoraRemovalTotal2", new {MemberNum = txtMemberNumber });
}

public ActionResult PandoraRemovalTotal2(string MemberNum)
{
    return View();
}
Run Code Online (Sandbox Code Playgroud)

有些帮助吗?

post html.beginform asp.net-mvc-4

5
推荐指数
1
解决办法
1841
查看次数

为什么我的变量是真的而不是同时真的?

看看这个javascript:

localStorage.myAwesomeItem = true;
var item = localStorage.myAwesomeItem;
alert(item);
if(item==true)
    {alert("really true");}
else
    {alert("lies; not true");}
Run Code Online (Sandbox Code Playgroud)

的jsfiddle

我将myAwesomeItem本地存储设置为true.精细.然后我将这个项目存储在一个名为的变量中item.并警惕检查其价值.如你所见,它是true.

然后我检查条件是否我的项目是真的.但事实并非如此.它适合else.

谁能解释我这种行为?

javascript

4
推荐指数
2
解决办法
138
查看次数

ibatis和java中如何处理多表的sql映射

我正在尝试将 Ibatis 与 GWT 一起使用,我有这个场景,我有数据库表机场、航站楼和航班。一个机场可以有不同的航站楼。一个航站楼可以有一个机场和多个航班。一个航班可以有一个航站楼。所以表结构看起来像这样。

机场 -id -name -terminal_id

航站楼 -id -name -flight_id

航班 -id -airline -terminal_id

我的选择语句看起来像这样

SELECT airport.name AS Airport,
       terminals.name AS Terminal,
       flights.airline,
FROM airport,
     terminals,
     flights
WHERE airport.terminal_id = terminals.id
  AND terminals.flight_id = flights.id;
Run Code Online (Sandbox Code Playgroud)

得到这个结果的 sql 映射是什么样的。我感到困惑的是结果集是表的组合,因此结果集不是三个表中任何一个的模型对象。

java ibatis

3
推荐指数
1
解决办法
8422
查看次数

AmChart不参与野生动物园

我有json对象,我传递给AmCharts.makeChart()函数作为数据提供程序,它在firefox,chrome和ie中显示正确的图形,但不是在safari中

我也看到控制台中的json数据但仍然没有图形

我曾经使用过amchart.js,serial.js

提前致谢...

javascript amcharts

1
推荐指数
1
解决办法
2396
查看次数

在链接 d3 force 布局中添加和删除类

如何在力布局的链接中添加和删除类。考虑一下d.source.x == d.target.x我是否必须添加类,否则我必须从链接中删除该类。

path.attr("d", function(d) {
    var x1 = d.source.x,
        y1 = d.source.y,
        x2 = d.target.x,
        y2 = d.target.y,
        dx = Math.abs(x2 - x1),
        dy = Math.abs(y2 - y1),
        dr = dx * dx + dy * dy;

    var rotation = 0;
    if (x1 === x2) {

        var dr = Math.sqrt(dx * dx + dy * dy) / 1.8; // note that this is always equal to Math.abs(dy)
        var sweep = 1;
        if (y1 > y2) {
            sweep …
Run Code Online (Sandbox Code Playgroud)

javascript svg d3.js

1
推荐指数
1
解决办法
972
查看次数

如何在 jQuery 中绑定 classChange?

如何在 jQuery 中绑定 classChange?我需要当一个班级发生变化时,改变其他班级。

我有这个函数,但是这个函数只在网站加载时运行一次。我需要创建一个事件监听器。有人能帮我吗?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
function switchClass() {
    if($("#sidebar").hasClass('pin-top')){
         $('#sidebar').removeClass('s2');
    }   
    else if($("#sidebar").hasClass('pinned')) {
         $('#sidebar').addClass('s2');
    } 
}
Run Code Online (Sandbox Code Playgroud)

javascript jquery

1
推荐指数
1
解决办法
1070
查看次数