小编bea*_*ver的帖子

我正在使用 Plyr ( https://github.com/sampotts/plyr ) 内联播放 Youtube 视频。但我现在想向播放器添加一张海报，这样我就可以在播放之前使用视频的缩略图。

Plyr 支持这一点，但我无法让它工作。我目前正在以最简单的形式使用 Plyr：

优酷视频： <div data-type="youtube" data-video-id="bTqVqk7FSmY"></div>

初始化 Plyr： <script>plyr.setup();</script>

就是这样。我怎样才能得到上面的片段来显示海报"/myposter.png"？

Bootstrap 3 popper 的容器在用户第一次“悬停”在触发它的元素上时没有正确放置在页面上。第二次开始，就像一个魅力。

HTML：

<table>
   <thead>
      <th>1</th>
      <th>2</th>
      <th>3</th>
   </thead
   <tbody>
      <tr>
         <td>AAA</td>
         <td>BBB</td>
         <td>CCC</td>
      </tr>
      <tr>
         <td>AAA</td>
         <td>BBB</td>
         <td>
            <span class="glyphicon glyphicon-cog popover-me"></span>
         </td>
      </tr>
      <tr>
         <td>AAA</td>
         <td>BBB</td>
         <td>CCC</td>
      </tr>
      <tr>
         <td>AAA</td>
         <td>BBB</td>
         <td>CCC</td>
      </tr>
   </tbody>
</table>

JS：

$('.popover-me').popover({
        html: true,
        trigger: 'hover',
        placement: 'auto right',
        container: 'body',
        title: 'Title',
        content: function(){
            return '<img src="http://via.placeholder.com/150x150"/>';
        }
});

JSFiddle：https ://jsfiddle.net/wp083g18/2/ （想再次看到需要刷新）

我正在使用highchart的饼图，并且一些设置是：

 pie: {
          borderColor: '#000000',
          innerSize: '60%'
 },
 series: [{
          data: [
          ['projected Income', 44.2],
          ['Discount', 26.6],
          ['Annual Loss', 20]
     ]}]
 }

现在，我的要求是在年度亏损图上显示箭头，如蓝色图片所示。可以在Highcharts的饼图中实现此功能吗？我已经看到了许多示例，但这些示例已针对线图进行了说明。

我正在使用引导表。如果我在 style 属性中设置颜色，它会被 bootstrap-table 删除，所以我所做的是我添加了一个像“data-rowcolor”这样的属性，然后使用 javascript 来应用颜色：

$('td[data-rowcolor]').attr("style", "background-color:yellow;");

这种方法的问题在于，当我使用搜索框过滤事物时，颜色会消失。任何想法如何能够在不丢失颜色的情况下设置颜色？

也许我应该在 onSearch 回调中设置颜色，但我不确定它是如何工作的。我看过医生。

这个问题与我在这里的问题有关：

Google Maps V3 -> 是否可以使用经纬度坐标或来自搜索框的其他信息从 Geojson 获取属性？

由于可以像这样以编程方式触发点击事件，我想知道是否可以以相同的方式在给定的经纬度位置触发点击事件？

示例代码：

google.maps.event.trigger(marker, 'click');

我想做的伪代码：

google.maps.event.trigger(place.geometry.location, 'click');

如何在 Google Maps V3 上触发标记的 onclick 事件？

鉴于文档，这确实是一个很长的镜头，但它可以解决我当前的问题。

https://developers.google.com/maps/documentation/javascript/3.exp/reference#event

我想按第一个字符对选项进行排序。例如，如果我搜索“banana”，那么所有 4 个选项都将使用 select2 进行搜索，但我首先要搜索“Sbanana1”。

那么是否有任何选项可以按“S”（特定）字符对 select2 结果进行排序，因此从 's' 选项开始将首先显示。

<button type=button>Sort Options</button>
<select class='whatever'>
<option value='Banana'>Banana1</option>
    <option value='Hello'>Banana2</option>        
    <option value='Sugar Cane'>SBanana1</option>
    <option value='Palm Oil'>SBanana2</option>
</select>

如果我们尝试从moment.js格式化日期,则获取无效日期.

码 moment('18/01/2016').format("DD MMM YYYY"))

所需产出:2016年1月18日

但得到invalid Date.

请帮忙

我下面有使用chartjs的Piechart。当没有内容可显示时，我需要在其上显示“无数据”消息。

但是我在chartjs教程中找不到这种方法。有人可以帮忙吗？

饼图HTML

<div id="canvas-holder-CT" style="width:46%;float:right;position: absolute; left: 0px; top: 700px;">
    <canvas id="chart-area-CT" width="350" height="450" style="display: block; margin-left:2em">
    </canvas>
    <center> <b><details>
      <summary>Distribution by Call Types</summary>
    </details> </b></center>
</div>

饼图脚本

var configCT = {
    type : 'pie',
    data : {
        datasets : [{
                data : valuesCT,
                backgroundColor : coloringCT,
                label : 'Distribution by Call Types'
            }
        ],
        labels : labelsCT
    },
    options : {
        segmentShowStroke : false,
        legend : false,
        animateScale : true,
        responsive : true,
        showAllTooltips : false,
        tooltips : …

当我启用时tooltip.shared = true，箭头会像屏幕截图一样消失。

tooltip: {
  shared: true
},

我想保持箭头就像 tooltip.shared = false

tooltip: {
  shared: false
},

演示在这里http://jsfiddle.net/puff0211/5sbfztur/

有谁知道要做到这一点？

谢谢！

我有一个非常像这样的折线图：http : //www.chartjs.org/samples/latest/charts/line/basic.html

我想给这些区域涂上颜色，-100 < y < -40并40 < y < 100略带红色，以表明落入该区域的那个点处于危险区域。

这是使用油漆的快速草图。任何与此相似的东西都值得欢迎。我怎样才能做到这一点？我尝试查看文档，但一无所获。

我现在有使用堆叠在水平条形图折线图的方法，但它是很不理想。

提前致谢！