小编dav*_*rad的帖子

带有prototype.js的Google Charts

我正在尝试在我的网站上使用谷歌geochart.但问题是当绘制geochart时,我收到错误:"对象#没有方法'每个'"

这里是我正在尝试的代码:

<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
    google.load('visualization', '1', {'packages': ['geochart']});
    google.setOnLoadCallback(drawRegionsMap);

    function drawRegionsMap() {
        var data = google.visualization.arrayToDataTable([
            ['Country', 'Popularity'],
            ['Germany', 200],
            ['United States', 300],
            ['Brazil', 400],
            ['Canada', 500],
            ['France', 600],
            ['RU', 700]
        ]);

        var options = {};

        var chart = new google.visualization.GeoChart(document.getElementById('chart_1'));
        chart.draw(data, options);
    };
</script>

<div id="chart_1">Chart should be here</div>

Run Code Online (Sandbox Code Playgroud)

当我从页面中删除prototype.js时,一切正常,但我必须离开它.有什么建议如何解决这个冲突？

google-visualization prototypejs

作者

2013 09-20

1
推荐指数

1
解决办法

1017
查看次数

html2canvas根本不工作

这是不起作用的代码.基本上我允许用户编辑div中的一些文本然后显示其截图.有人可以告诉它为什么不起作用？

<!doctype html>
<html>
<head>
  <link type="text/css" rel="stylesheet" href="main.css" />
  <title>Poster</title>
</head>
<body>
  <div id="main_image">
    <img src="image.jpg" id= "image"/>
    <div id="user_text">IT IS TOTALLY AWESOME</div>
  </div>
  <div id="edit_text_box">
    <textarea id="user_input" placeholder="Your text here.." rows="2" cols="30" ></textarea>
    <div id="change_size">
      <span style="float: left;">FONT-SIZE : </span>
      <button id="decrease_size">-</button>
      <button id="increase_size">+</button>
    </div>
    <input id="submit" type="submit" value="SUBMIT" />
  </div>
    <script type="text/javascript">
    window.onload = function() {
      html2canvas( [ document.body ], {
      onrendered: function( canvas ) {
        document.body.appendChild( canvas );
      }
    });
  };
  </script>
  <script type="text/javascript" src="js/jquery.js"></script>
  <script …

Run Code Online (Sandbox Code Playgroud)

html2canvas

shi*_*a30

2015 02-28

1
推荐指数

1
解决办法

9094
查看次数

如何制作Google图表动画？

在脚本标签中,我添加了以下代码,我无法为其设置动画.善意的suugest

  google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {
    var data = google.visualization.arrayToDataTable([
      ['Year', 'Sales', 'Expenses'],
      ['2004',  1000,      400],
      ['2005',  1170,      460],
      ['2006',  660,       1120],
      ['2007',  1030,      540]
    ]);

    var options = {
      title: 'Company Performance',
       animation: {
          duration: 1000,
          easing: 'out'
      },
      vAxis: {title: 'Year',  titleTextStyle: {color: 'red'}, minValue:0, maxValue:1000}
    };
    var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
    chart.draw(data, options);
  }

Run Code Online (Sandbox Code Playgroud)

图表正在加载,但我无法为其设置动画.加载时的动画

animation google-visualization

use*_*043

2014 02-06

1
推荐指数

1
解决办法

1万
查看次数

使用JSF还是使用Mojarra？

我有一个重要的问题.

我过去曾与JSF 1.2合作过.我已经使用了一些基本的标签

<h:outputText />
<h:commandButton />
<h:commandLink />
<h:dataTable />

Run Code Online (Sandbox Code Playgroud)

和RichFaces这样

<rich:calendar />
<rich:togglePanel />
<rich:dataScroller />

Run Code Online (Sandbox Code Playgroud)

要使用ajax功能,我一起工作

<a4j:support />
<a4j:jsFunction />
<a4j:queue />

Run Code Online (Sandbox Code Playgroud)

例如.我使用q jetty webserver来使用JSF标签.今天我用JSF 2.0,PrimeFaces和glassfish应用服务器工作一周.

所以我有以下问题:我是否与JSF合作过或者我是否与Mojarra合作过？对不起,但这些技术之间的确切差异并不适合我.

非常感谢 !MAIK

jsf richfaces primefaces mojarra

作者

2014 04-11

1
推荐指数

1
解决办法

607
查看次数

谷歌图表删除事件监听器

我没有看到太多文档，似乎无法让我的代码工作。代码片段如下。我正在尝试删除鼠标悬停侦听器，但没有成功。谷歌图表文档有这样的方法 - google.visualization.events.remove Listener(listener_handler)。

我不确定listener_handler实际上属于什么。单击图表后，我试图删除鼠标悬停在侦听器上的监听器。

google.visualization.events.addListener(chart, 'onmouseover',  chartMouseOver);
google.visualization.events.addListener(chart, 'onmouseout', chartMouseOut);

google.visualization.events.addListener(chart, 'select', function () {
    google.visualization.events.removeListener(chartMouseOver);
}

Run Code Online (Sandbox Code Playgroud)

events google-visualization listener

作者

2015 06-05

1
推荐指数

1
解决办法

2902
查看次数

角度数据表：如何删除“显示 N 条目”但保留分页

有一个使用角度数据表的项目。现在我需要从包含此类表的页面中删除“显示 N 个条目”下拉列表，但保持分页不变。现在我找到了这种方法 -

withOption('paging', false)

Run Code Online (Sandbox Code Playgroud)

但这同时删除了两者！

谁能告诉我比手动从 DOM 中删除它们更好的方法吗？

angular-datatables

Ner*_*osa

2015 10-18

1
推荐指数

1
解决办法

7666
查看次数

如何更新数据表列中的数据

有人可以帮助我遍历数据表列中的所有行并更新其中的数据吗？到目前为止，我已经找到了一种遍历列的方法：

var table = $("#my_table").DataTable();
table.column(2)
    .data()
    .each(function(value, index) {
        console.log(value);
        value = 'abc123'; //this does not work
    });

Run Code Online (Sandbox Code Playgroud)

但是，我不确定如何更新该值.. 有人可以帮忙吗？

提前致谢！

jquery datatables

Tru*_*ran

2016 05-20

1
推荐指数

1
解决办法

1万
查看次数

Angular-数据表点击行事件

我正在使用AngularJS和angular-datatable，并且想连续处理该事件，我已经设置了控制器来侦听该事件，但是它不起作用。我的代码是：

html

<div  class="panel panel-flat">
    <div class="panel-heading">
        <h6 class="panel-title">Planilla</h6>
    </div>
    <div class="panel-heading"> 
    <table class="table datatable-basic table-hover" datatable="ng" dt-options="empleadoList.dtOptions"  dt-column-defs="empleadoList.dtColumnDefs" >
        <thead>
            <tr>
                <th style="width: 30px;">Nro.</th>  
                <th>Nombre Completo</th>
                <th class="col-md-2">DNI</th>
                <th class="col-md-2">Celular</th>
                <th class="col-md-2">Teléfono</th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="empleado in empleadoList.empleados">
                <td style="width: 30px;">{{$index + 1}}</td>
                <td> <span class="text-muted"><i class="icon-user"></i>{{empleado.apellidoPaterno}} {{empleado.apellidoMaterno}} {{empleado.nombre}}</span></td>
                <td><span class="text-success-600"><span class="status-mark border-blue position-left"></span>{{empleado.dni}}</span></td>
                <td><span class="text-success-600"><i class="icon-mobile position-left"></i> {{empleado.celular}}</span></td>
                <td><h6 class="text-semibold"><i class="icon-phone position-left"></i> {{empleado.telefono}}</h6></td>
            </tr>
        </tbody>
    </table>
    </div>
</div>

Run Code Online (Sandbox Code Playgroud)

controller.js

App.controller('EmpleadoListController', function($scope,$resource,EmpleadoService,DTOptionsBuilder,DTColumnDefBuilder) {

$scope.dtOptions = DTOptionsBuilder.newOptions()
    .withDisplayLength(10)
    .withOption('bLengthChange', …

Run Code Online (Sandbox Code Playgroud)

javascript angularjs angular-datatables

Ron*_*ald

2016 06-25

1
推荐指数

1
解决办法

6201
查看次数

数据表获取过滤器文本输入字符串

我有一个数据表，每次用户更改下拉列表中的选项时都会加载新数据，即使表格内容发生变化，我也希望保留相同的过滤器。我尝试使用以下方法从搜索输入中获取当前值：

$('div.dataTables_filter input').val()

Run Code Online (Sandbox Code Playgroud)

建议在 https://datatables.net/forums/discussion/242/getting-filter-text

或者

table = $("#datatable-buttons").DataTable({...});
table.fnSettings().oPreviousSearch;

Run Code Online (Sandbox Code Playgroud)

但没有任何成功:(有没有办法获取过滤器输入文本？

jquery filtering datatables

Dan*_*ana

2017 04-15

1
推荐指数

1
解决办法

6659
查看次数

无法使用数据表读取未定义的属性“单元格”

我试图在 asp.net 中应用数据表，但它抛出了用于应用数据表的代码的错误。我应该怎么做才能解决我的问题。我正在搜索，但没有找到任何可以解决的问题。我期待着您的建议。谢谢你。

@model HRMS.Shared.Entities.EMSC32Model
@{
    ViewData["Title"] = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<link href="~/css/PageHeader.css" rel="stylesheet" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto|Varela+Round">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>

<script type="text/javascript">
    $(document).ready(function () {
        $('#myTable').DataTable({

            "searching": true,
            "lengthChange": true,
            "info": true,
            "aLengthMenu": [[10, 25, 75, -1], [10, 25, 75, "All"]],
            "iDisplayLength": 10,
            "pageLength": 10,
            "order": [[0, "desc"]],
            //"columnDefs": [{
            //    targets: "_all",
            //    orderable: true …

Run Code Online (Sandbox Code Playgroud)

javascript jquery datatables

vwa*_*wa3

2021 02-18

1
推荐指数

1
解决办法

6761
查看次数