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

标签 javascript charts data-visualization

我的个人项目需要多面可视化。在网上寻找选项,发现 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/

相关文章:

javascript - Dijit 复选框树事件委托(delegate)

javascript - html 事件是否将任何变量传递给事件处理程序?

javascript - ChartJs - 在 Y 轴后添加填充

javascript - 交易 View 图表集成的数据格式

python - 在 plotly 中添加一个 slider 来绘制带有子图的图形

python - 如何在 Matplotlib 的堆叠水平条形图中显示数据值

javascript - 重新加载当前用户不会在 Firebase 身份验证中刷新 emailVerified 状态

javascript - 这段 javascript 代码哪里出错了?

javascript - d3 v4 从 CSV 堆叠到分组条形图

r - 使用网络堆积条形图可视化 Likert 响应 : how to compare between groups?