개발울렁증

X축을 Y축으로 Y축을 X축으로 전환 key : chart : {inverted : true} Highcharts.chart('container', { chart: { type: 'line', inverted:true }, title: { text: 'Logarithmic axis demo' }, xAxis: { categories:['X1','X2','X3','X4','X5'] }, yAxis: { text:null }, tooltip: { headerFormat: '{series.name} ', pointFormat: 'x = {point.x}, y = {point.y}' }, series: [{ data: [1, 2, 4, 8, 16], }] });

Component/HighChart 2022. 8. 26. 14:57

xAxis: { categories: dt , labels: { rotation: -40, y: 30 } , plotLines: [{color: '#6799FF', width: 2, value: item, zIndex: 10, dashStyle: 'shortdash' }] , plotBands: [ { from: xPlotBands.fr, to: xPlotBands.to, color: '#ffff01' } ] }, item = x축의 좌표순서 / 밴드의 기준점 xPlotBands.fr = 10 ( x 축의 10번째 좌표부터 ) xPlotBands.to = 20 ( x 축의 20번째 좌표까지 )

Component/HighChart 2021. 9. 3. 10:54

series: [{ showInLegend:false, events:{ // 이벤트 click: function ( event ){ // 클릭이벤트 console.log('legend click event'); } } }]

Component/HighChart 2020. 5. 18. 09:43