- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我在我的 hbs
文件中嵌入了 ember-cli-chart
<div class="chart">
{{ember-chart type='line' data=data options=options}}
</div>
在我的组件文件中,我创建了一个options 属性
options: computed('metric', function() {
let opts = defaultOptions;
if (this.metric === 'height') {
opts.scales.yAxes = [{
ticks: {
callback: function(value, index, values) {
// code to return labels
}
}
}]
} else {
opts.scales.yAxes = [{
ticks: {
callback: function(item, index, items) {
// code to return labels
}
}
}]
}
return opts;
});
我想根据当前选定的指标显示 Y 轴标签。第一次加载图表时,它会在 y 轴上呈现正确的标签,如果我更改指标,则会使用相同的回调而不是另一个回调(在 else 部分)并呈现相同的标签但具有更新的数据值。有人可以帮忙吗?
最佳答案
嗯,我不知道插件或 chart.js
,但是在查看 ember-chart 的源代码时组件,我明白了
didUpdateAttrs() {
this._super(...arguments);
this.updateChart();
},
updateChart() {
let chart = this.get('chart');
let data = this.get('data');
let options = this.get('options');
let animate = this.get('animate');
if (chart) {
chart.config.data = data;
chart.config.options = options;
if (animate) {
chart.update();
} else {
chart.update(0);
}
}
}
因此,为了更新 chart.js
,您需要触发 didUpdateAttrs
,这意味着在您的情况下 options
本身需要改变。我不知道你是如何创建 defaultOptions
的,但假设这个引用永远不会改变,没有理由 didUpdateAttrs
会触发,因为你没有改变对 options
(您只是在计算中更改 defaultOptions
的子 Prop )。我想:
import { assign } from '@ember/polyfills';
...
options: computed('metric', function() {
let opts = assign({}, defaultOptions);
if (this.metric === 'height') {
opts.scales.yAxes = [{
ticks: {
callback: function(value, index, values) {
// code to return labels
}
}
}]
} else {
opts.scales.yAxes = [{
ticks: {
callback: function(item, index, items) {
// code to return labels
}
}
}]
}
return opts;
})
足以触发您想要的行为,因为我们总是在重新计算 options
时返回一个新对象。
关于ember.js - options.scales.yAxes[0].ticks.callback 没有在 ember-cli-chart 中动态更新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56232069/
我正在使用 Gunicorn 为 Django 应用程序提供服务,它工作正常,直到我将其超时时间从 30 秒更改为 900000 秒,我不得不这样做,因为我有一个用例需要上传和处理一个巨大的文件(过程
我有一个带有非常基本的管道的Jenkinsfile,它可以旋转docker容器: pipeline { agent { dockerfile { args '-u root' } } stag
在学习 MEAN 堆栈的过程中,我遇到了一个问题。每当我尝试使用 Passport 验证方法时,它都不会返回任何响应。我总是收到“localhost没有发送任何数据。ERR_EMPTY_RESPONS
在当今的大多数企业堆栈中,数据库是我们存储所有秘密的地方。它是安全屋,是待命室,也是用于存储可能非常私密或极具价值的物品的集散地。对于依赖它的数据库管理员、程序员和DevOps团队来说,保护它免受所
是否可以创建像图片上那样的边框?只需使用 css 边框属性。最终结果将是没 Angular 盒子。我不想添加额外的 html 元素。我只想为每个 li 元素添加 css 边框信息。 假设这是一个 ul
我是一名优秀的程序员,十分优秀!