ZingChart - Как разместить все объекты масштаба y-n в левой части диаграммы?

ZingChart, кажется, автоматически помещает все (кроме первого) масштабные объекты в правую часть диаграммы.

Есть ли способ разместить всю ось Y слева от диаграммы?

Спасибо.


person BANDROID    schedule 08.12.2014    source источник


Ответы (1)


Попробуйте использовать атрибут размещения в вашем объекте масштаба-y-n. Мы смогли добавить дополнительный масштаб-y слева, используя размещение: по умолчанию в следующем примере:

var myChart = {
"graphset":[
    {
        "type":"line",
        "title":{
            "text":"Axis Placement",
            "adjust-layout":true
        },
        "plotarea":{
            "margins":"dynamic",
            "adjust-layout":true
        },
        "scale-x":{
            "label":{
                "text":"Scale X 1"
            }
        },
        "scale-y":{
            "values":"0:100:10",
            "label":{
                "text":"Scale Y 1"
            }
        },
        "scale-y-2":{
            "values":"0:1000:100",
            "placement":"default",
            "label":{
                "text":"Scale Y 2"
            }
        },
        "scale-y-3":{
            "values":"0:2000:200",
            "placement":"opposite",
            "label":{
                "text":"Scale Y 3"
            }
        },
        "plot":{
            
        },
        "series":[
            {
                "values":[69,68,54,48,70,74,98,70,72,68,49,69],
                "scales":"scale-x,scale-y"
            },
            {
                "values":[510,530,470,600,480,520,750,520,550,470,600,480],
                "scales":"scale-x,scale-y-2"
            },
            {
                "values":[1542,1243,1630,1440,1031,1148,1055,1246,1048,1032,1038,1038],
                "scales":"scale-x,scale-y-3"
            }
        ]
    }
]
};

zingchart.render({
  id: "myChart",
  height: "300px",
  width: "100%",
  data: myChart
});
<script src="http://www.zingchart.com/playground/lib/zingchart/zingchart-html5-min.js"></script>
<div id="myChart"></div>

Это более простой способ перемещения элементов оси вместо перемещения линий, делений, меток и т. д. по отдельности. «По умолчанию» — сложное название для этого значения, но для осей Y «по умолчанию» означает «слева от диаграммы». Для осей X, если вы используете атрибут размещения, значение по умолчанию означает дно.

Я в команде ZingChart, поэтому, если у вас есть какие-либо вопросы об атрибуте или этой демонстрации, не стесняйтесь обращаться к нам.

person Merrily    schedule 09.12.2014
comment
Это сработало! Спасибо. Спасибо за такое простое решение :) - person BANDROID; 09.12.2014