我在语义用户界面上迈出了第一步,甚至遇到了我无法解决的第一个问题。
我只想创建一个简单的弹出式触发器,例如http://semantic-ui.com/modules/popup.html#specifying-a-trigger-event。
我已尝试复制并粘贴var calculateDecay = function(kv) {
// kv.value has the array produced by the reduce functions.
var data1 = kv.value;
var max = d3.max(data1, function(d) { return +d.WEEK_NUMBER ;});
data2 = data1.filter(function(d) { return d.WEEK_NUMBER == max ;});
var sum1 = d3.sum(data2, function(d) { return d.TOTCOUNT ;});
var sum2 = d3.sum(data2, function(d) { return d.DECAY_CNT ;});
var decay = sum2/sum1 * 100 ;
return decay;
}
chart.valueAccessor(calculateDecay);
和.html
代码,并且还包含页眉中的.js
和semantic.min.js
,但它并未包含无论出于何种原因打开弹出窗口。
这是我使用的HTML代码:
semantic.min.css
在<div class="ui singleImg container">
<div class="ui hidden divider"></div>
<div class="ui two column stackable grid">
<div class="eleven wide column">
<h1 class="ui dividing header">Test</h1>
</div>
<div class="five wide column">
<div class="ui teal button" data-title="Using click events" data-content="Clicked popups will close if you click away, but not if you click inside the popup">Download</div>
Sidebar
</div>
</div>
</div>
之前,我还添加了以下</body>
代码:
.js
//更新: 在这里创造了一个小提琴:https://jsfiddle.net/w46ynjwu/
答案 0 :(得分:1)