gpt4 book ai didi

javascript - 需要具有自定义轴位置的多面可视化

转载 作者:行者123 更新时间:2023-11-30 06:21:59 27 4
gpt4 key购买 nike

我的个人项目需要多面可视化。在网上寻找选项,发现 https://github.com/chartshq/muze适合我的目的。

虽然我很早就开始使用他们的文档,但我很快就遇到了障碍。看起来文档正在进行中。

这是我迄今为止取得的成就的缩小示例 https://jsfiddle.net/q8w47vt1/

Promise.all([
fetch('https://raw.githubusercontent.com/chartshq/muze/master/examples/data/cars.json'),
fetch('https://raw.githubusercontent.com/chartshq/muze/master/examples/data/cars-schema.json')]).then((response) => {
Promise.all(response.map(_ => _.json())).then((res) => {
const data = res[0]
const schema = res[1];

let DataModel = muze.DataModel;
let rootData = new DataModel(data, schema);
let env = muze();
let canvas = env.canvas();

canvas
.rows(['Origin', 'Acceleration'])
.columns(['Cylinders'])
.data(rootData)
.width(500)
.height(500)
.title('Acceleration by Cylinders by Origin')
.subtitle('For years 1970 - 1982')
.mount('#chart-container');
});
});

但是,我希望我的可视化在图的右侧有轴,在图的左侧有小平面,而不是在左侧。我尝试了几种方法,但无法实现结果。

花了一些时间查看代码,但没能弄明白多少,因为我没有时间浏览代码库。

谁能帮我解决这个问题?现在不想提出问题,因为我不确定它是否是一个有效的功能!

最佳答案

欢迎使用 stackoverflow :)

改变轴的位置可以像below一样完成

 canvas.rows([[], ['Origin', 'Acceleration']]) 

您可以找到文档 here

关于javascript - 需要具有自定义轴位置的多面可视化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52624637/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com