Horizontal Time Char

Chart doesn't display properly in horizontal mode

by YeongCY

HTML

<script src="https://cdn.zoomcharts-cloud.com/1/latest/zoomcharts.js"></script>
<script src="https://zoomcharts.com/templates/js/loadcsv.js"></script>

<div id="demo"></div>

JavaScript

function success(data){
        data.dataLimitFrom = 0;
        data.dataLimitTo = 0;
        for (var i in data.values) {
            if (data.dataLimitFrom == 0) {
                data.dataLimitFrom = data.values[i][0];
            }
            data.dataLimitFrom = data.dataLimitFrom > data.values[i][0] ? data.values[i][0] : data.dataLimitFrom;
            data.dataLimitTo = data.dataLimitTo < data.values[i][0] ? data.values[i][0] : data.dataLimitTo;
        }
        t = new TimeChart(
                {
                    container: document.getElementById("demo"),
                    data:
                    {
                        units:["d"],
                        preloaded: data
                    },
                    valueAxis: {
                        "secondary":{
                            title: "Volume",
                            side: "right",
                            position: "outside"
                        }
                    },
                    valueAxisDefault:{
                        title: "Value, $"
                    },
                    horizontal: true,
                    series:[
                        {
                            id: "params",
                            name: "Prices",
                            type: "candlestick",
                            data: {
                                high: 2,
                                low: 3,
                                open: 1,
                                close: 4
                            },
                            style:{
                                pattern:"bar"
                            }
                        },
                        {
                            name:"Volume",
                            id:"series3",
                            type:"line",
                            data:{
                                index:5,
                                aggregation:"min"
                            },
      ...