Question

我的个人项目需要多方面的可视化。正在网上寻找选项，发现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');
    });
});

但是，我希望我的可视化对象的坐标轴在图的右侧，小平面在图的左侧，而不是在左侧。我尝试了几种方法来完成此操作，但无法获得结果。

花了一些时间看代码，但由于我没有时间阅读代码库，所以花了很多时间。

有人可以帮我吗？暂时不要提出问题，因为我不确定它是否有效！

Answer 1

欢迎来到stackoverflow :)

更改轴的位置可以像below

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

您可以找到文档here

Answer 2

虽然上面的配置可以使轴位于右侧，但也会使刻面向右移动。您可以选择将切面放在画布的左侧，而通过提供below提供的配置，将轴保持在右侧：

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

基本上，rows API的第一个数组提供可视化的左侧，第二个数组提供右侧的可视化。如果仅提供单个数组，则Muze会自动将所有构面和轴放在可视化视图的左侧。

但是，在某些情况下（特别是当您仅向API提供尺寸时），这可能无效。

因此，您不妨查看文档以了解此API的工作原理，以便更好地了解here

需要带有自定义轴位置的多面可视化

2 个答案: