- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
sap.ui.core.Control.extend("control.linechart", {
/* the control API */
metadata : {
properties : {
"items" : { type: "any" },
"height" : {type: "int"},
"width" : {type: "int"},
"popup" : {type: "any"}
},
events: {
"select" : {},
"selectEnd": {}
}
},
// the part creating the HTML:
renderer : function(oRm, oControl) { // static function, so use the given "oControl" instance instead of "this" in the renderer function
oRm.write("<div");
oRm.writeControlData(oControl); // writes the Control ID and enables event handling - important!
oRm.addClass("lineChart"); // add a CSS class for styles common to all control instances
oRm.writeClasses(); // this call writes the above class plus enables support for my.Bubble.addStyleClass(...)
oRm.write(">");
oRm.write("</div>");
},
onAfterRendering: function() {
data = this.getItems();
//alert(JSON.stringify(this.getItems()));
var passedheight = this.getHeight();
//var containerWidth = jQuery.sap.byId(this.oParent.sId).width() || 800; // gets super parent width
var containerWidth = $("#"+this.getId()).parent().width(); // gets immediate parent width
var margin = {top: 15, right: 30, bottom: 20, left: 30},
width = containerWidth- margin.left - margin.right,
height = passedheight - margin.top - margin.bottom;
var parseDate = d3.time.format("%d-%b-%y %H:%M %p").parse;
var x = d3.time.scale().range([0, width]);
var y = d3.scale.linear()
.range([height, 0]);
var color = d3.scale.category10();
var xAxis = d3.svg.axis()
.scale(x)
.orient("bottom");
var yAxis = d3.svg.axis()
.scale(y)
.orient("left").ticks(4).tickSize(-width, 0, 0);
var line = d3.svg.line()
.x(function(d) { return x(d.date); })
.y(function(d) { return y(d.tonneValue); });
var svg = d3.select("#"+this.getId()).append("svg")
.attr("width", width + margin.left + margin.right)
.attr("height", height + margin.top + margin.bottom)
.append("g")
.attr("transform", "translate(" + margin.left + "," + margin.top + ")");
color.domain(d3.keys(data[0]).filter(function(key) { return key !== "date"; }));
data.forEach(function(d) {
d.date = parseDate(d.date);
});
var wsfs = color.domain().map(function(name) {
return {
name: name,
values: data.map(function(d) {
return {date: d.date, tonneValue: +d[name]};
})
};
});
x.domain(d3.extent(data, function(d) { return d.date; }));
y.domain([
d3.min(wsfs, function(c) { return d3.min(c.values, function(v) { return v.tonneValue; }); }),
d3.max(wsfs, function(c) { return d3.max(c.values, function(v) { return v.tonneValue; }); })
]);
svg.append("g")
.attr("class", "x axis")
.attr("transform", "translate(0," + height + ")")
.call(xAxis);
svg.append("g")
.attr("class", "y axis")
.call(yAxis);
var wsf = svg.selectAll(".wsf")
.data(wsfs)
.enter().append("g")
.attr("class", "wsf");
wsf.append("path")
.attr("class", "line")
.attr("d", function(d) { return line(d.values); })
.style("stroke", function(d) { return color(d.name); });
var legendNames = d3.keys(data[0]).filter(function(key) { return key !== "date" });
data.forEach(function(d) {
d.ages = legendNames.map(function(name) { return {name: name, value: +d[name]}; });
});
var legend = svg.selectAll(".legend")
.data(legendNames.slice())
.enter().append("g")
.attr("class", "legend")
.attr("transform", function(d, i) { return "translate(0," + i * 20 + ")"; });
legend.append("rect")
.attr("x", width - 18)
.attr("width", 18)
.attr("height", 4)
.style("fill", function(d) {return color(d); });
legend.append("text")
.attr("x", width - 24)
.attr("y", 6)
.attr("dy", ".35em")
.style("text-anchor", "end")
.text(function(d) { return d; });
},
});
在整个程序中,为什么右侧值正在变化,即当我执行 data = this.getItems();
时,我假设 this.getItems
被分配给 数据
。但是数据是在程序的其余部分进行操作的,但是当再次调用 oAfterRendering
时,我得到了变量 data
中的被操作数据。当 data
是被操作的属性时,如何操作 this.getItems() 即 items 属性
。由于使用 Openui5 和自定义控件,因此无法保存某些临时变量中的数据。
最佳答案
当您从函数返回一个对象时,JavaScript 不会复制该对象,而是返回对该对象的引用(类似于 C 中的指针)。
这意味着如果它被修改,它将反射(reflect)在指向它的所有变量中。
这对于数组和其他对象来说是相同的行为。
Anything to avoid that.
您可以返回 clone的对象。根据对象的复杂程度,可能需要深度克隆。请记住,不应经常这样做,因为它可能会影响性能。
在 ES6 中创建浅层克隆(实际上只是复制属性,克隆任何对象在 JavaScript 中更加细致)的简单方法是......
var cloned = Object.assign({}, objectToBeCloned);
关于javascript - RHS 分配优于 LHS 操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36446463/
class test { public: int i = 0; test& operator+=(const test &rhs) { i += rhs.i;
我有一个数据框和一个存储在变量中的公式: > d f update(f, .~.-foo) Error in terms.formula(tmp, simplify = TRUE) :
我有一个这样的类型类: class (Coercible a b) => Foo a b | a -> b 我想声明以下 Generic 的实例: data Thing a where Thi
我在数据框 Data1 中有一个包含 100 列的列表。这些变量之一是因变量。其他人是预测者。 我需要将 99 个预测变量提取到一个列中(比如 varlist),以便在下面的等式中使用 equatio
我不明白为什么不能在运算符的 RHS 上使用初始化列表。考虑: class foo { }; struct bar { template bar(T const&...) { } };
我不明白为什么不能在运算符的 RHS 上使用初始化列表。考虑: class foo { }; struct bar { template bar(T const&...) { } };
这是一个赋值运算符。 &rhs != this 令人困惑。我的问题:rhs 是 Message 类型的引用。 &rhs 是什么意思? & 做什么(引用的内存地址?)?另一个问题是关于 return *
我不明白为什么不能在运算符的 RHS 上使用初始化列表。考虑: class foo { }; struct bar { template bar(T const&...) { } };
我不明白为什么不能在运算符的 RHS 上使用初始化列表。考虑: class foo { }; struct bar { template bar(T const&...) { } };
我不明白为什么不能在运算符的 RHS 上使用初始化列表。考虑: class foo { }; struct bar { template bar(T const&...) { } };
在这里,我理解 rhs 表示右手边,但我不明白编译器如何理解“rhs”指的是右手边。有人可以解释在什么情况下需要这种重载吗? MyArray& operator=(const MyArray& rhs
我来自 C++ 世界,我找不到以下 Java 替代方案(如果有的话): struct SomeStruct { SomeStruct(){} SomeStruct(const Some
我不明白为什么不能在运算符的 RHS 上使用初始化列表。考虑: class foo { }; struct bar { template bar(T const&...) { } };
这个问题在这里已经有了答案: Transpose / reshape dataframe without "timevar" from long to wide format (8 个回答) 4年前关
我可以构建一个公式,从公式中术语的字符版本开始,我想要做什么,但我在从公式对象开始时遇到了困难: form1 attr( terms(form1), "term.labels") [1] "A" "
在类的赋值运算符中,你通常需要检查被赋值的对象是否是调用对象,这样你就不会搞砸了: Class& Class::operator=(const Class& rhs) { if (this !
这个问题在这里已经有了答案: Rvalue Reference is Treated as an Lvalue? (4 个回答) 去年关闭。 在有效的现代 C++ class Widget { pub
在 shell 脚本中,将一个变量赋值给另一个变量时这两者有什么区别: a=$b 和 a="$b" 我什么时候应该使用一个而不是另一个? 最佳答案 我觉得这里没有太大区别。是的,建议在引用变量时用双引
Eclipse在下面的声明中报类型安全警告是有原因的吗? Map>> mapX = new HashMap(); 我知道所有 mapX 用法都是强类型的,但是 java 泛型坚持提供 HashMap
我想确定一下我的理解是否正确。 我正在研究这段代码。 #include using namespace std; // modified largely from // http://d.haten
我是一名优秀的程序员,十分优秀!