更改柱形图

时间:2016-08-31 07:18:17

标签: highcharts

我有一张表,我试图转换为高图列图表,并且设置垂直线时遇到一个小问题。

我希望将它放在每组列块之间。请检查图像

enter image description here

<table id="datatable">
    <thead>
        <tr>
            <th></th>
            <th>Daily Sales</th>
            <th>Average</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>2000</th>
            <td>100</td>
            <td>200</td>
        </tr>
        <tr>
            <th>2005</th>
            <td>245</td>
            <td>300</td>
        </tr>
        <tr>
            <th>2010</th>
            <td>10</td>
            <td>500</td>
        </tr>


    </tbody>
</table>

在我的高级代码中

$('#chart').highcharts({
                data: {
                   table: 'datatable'
                },
                exporting: { enabled: false },
                chart: {
                    type: 'column',


                },
                title: {
                    text: ''
                },

                labels: {
                   format: '{value}'
               },
                yAxis: {
                    allowDecimals: false,

                    title: {
                        text: 'Chart'
                    }
                },
                xAxis: {
                    gridLineWidth: 1,
                    gridLineColor: '#000',
                    lineColor: '#000',
                    lineWidth: 1,
                    crosshair: true,



                },
                colors: [
                         '#990000',
                         '#993399',

                     ],
                legend: {

                    align: 'left',
                    verticalAlign: 'top',

                },
                linearGradient: {
                    x1: 0,
                    y1: 0,
                    x2: 1,
                    y2: 0
               },

                  },
            });
        });

任何帮助将不胜感激

1 个答案:

答案 0 :(得分:1)

您应该在&#39;之间设置&#39; tickmarkPlacement参数的值,仅适用于类别。

xAxis: {
  type: 'category',
  gridLineWidth: 1,
  tickmarkPlacement: 'between'
}

修正演示: