小编Kee*_*ger的帖子

Bootstrap 4多选下拉列表

我在许多论坛上看到,在测试版本的bootstrap 4之后,select和multiselect的问题已得到解决.

不幸的是,我无法像(bootstrap 3)中的(bootstrap 3)那样显示多选.

Bootstrap 3代码段

$('select').selectpicker();
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.8.1/css/bootstrap-select.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.8.1/js/bootstrap-select.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

<select class="selectpicker" multiple data-live-search="true">
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Relish</option>
</select>
Run Code Online (Sandbox Code Playgroud)

Bootstrap 4片段

$('select').selectpicker();
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.bundle.min.js"></script>

<select class="selectpicker" multiple data-live-search="true">
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Relish</option>
</select>
Run Code Online (Sandbox Code Playgroud)

html javascript jquery bootstrap-select bootstrap-4

38
推荐指数
1
解决办法
12万
查看次数

带有数据绑定 PowerBI 的 Highcharts 自定义视觉效果

Bharath R 创建了一个很好的示例,说明如何为 PowerBI 创建 highcharts 自定义视觉对象。但是,尚未应用任何数据绑定。对于下面的 highcharts 折线图,我想使用变量而不是硬编码值。这样就可以应用数据绑定。

您可以在此处找到包含 highcharts 自定义视觉对象和需要加载到自定义视觉对象中的数据的示例PowerBI 文件。在这个文件中,我制作了两个数据表。我对两个数据表之一没有偏好。重要的是,数据的结构方式是最容易加载到 highcharts 视觉对象中的。

示例代码 (visual.ts)

"use strict";

import "core-js/stable";
import "./../style/visual.less";
import powerbi from "powerbi-visuals-api";
import VisualConstructorOptions = powerbi.extensibility.visual.VisualConstructorOptions;
import VisualUpdateOptions = powerbi.extensibility.visual.VisualUpdateOptions;
import IVisual = powerbi.extensibility.visual.IVisual;
import EnumerateVisualObjectInstancesOptions = powerbi.EnumerateVisualObjectInstancesOptions;
import VisualObjectInstance = powerbi.VisualObjectInstance;
import DataView = powerbi.DataView;
import VisualObjectInstanceEnumerationObject = powerbi.VisualObjectInstanceEnumerationObject;

import * as Highcharts from 'highcharts';
import * as Exporting from 'highcharts/modules/exporting';

import { VisualSettings } from "./settings";
export class Visual …
Run Code Online (Sandbox Code Playgroud)

data-binding data-mapping highcharts powerbi powerbi-custom-visuals

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

Sankey-diagram PowerBI custom visual with color nodes and ordering

The sankey diagram of PowerBI has many possibilities but as you can read on the github site there are some important limitations. The first is that it is not possible to color the nodes. In addition, it is also not possible to change the order of the nodes (both source and destination).

Attached is an example PowerBI file in which a sankey is displayed. In this file is indicated which colors the nodes should have and what the order of …

javascript d3.js sankey-diagram powerbi powerbi-custom-visuals

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