2016-04-13 8 views
0

積み上げ棒と複数の折れ線グラフの両方を持つグラフを実装しようとしています。私は私の人生のために折れ線グラフ上のポイントを隠す方法を理解できません。私はChart.defaults、データセット、オプションで設定しようとしましたが、運はありません。私は、コンボ・バー/ライン・チャートを作成するには、チャートをタイプ・バーとして定義し、pointDotパラメータに意味がないようにするという事実と関係していると思います。何か案は?コンボ積み重ね棒グラフのpointDotオプションを設定する方法

var ytdData = { 
    labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], 
    datasets: [ 
     { 
     type: 'bar', 
     label: 'Sales', 
     backgroundColor: 'green', 
     data: sales, 
     borderColor: 'white' 
     }, 
     { 
     type: 'bar', 
     label: 'Additional URL', 
     backgroundColor: 'red', 
     data: addtlUrl, 
     borderColor: 'white' 
     }, 
     { 
     type: 'bar', 
     label: 'Recurring Services', 
     backgroundColor: 'orange', 
     data: addtlSvcs, 
     borderColor: 'white' 
     }, 
     { 
     type: 'bar', 
     label: 'Install Base', 
     backgroundColor: 'blue', 
     data: installBase, 
     borderColor: 'white' 
     }, 
     { 
     type: 'bar', 
     label: 'Double Comp', 
     backgroundColor: 'purple', 
     data: doubleComp, 
     borderColor: 'white' 
     }, 
     { 
     type: 'line', 
     label: 'Quota', 
     fill: false, 
     data: baseQuota, 
     borderColor: '#C1C1C1', 
     strokeColor: "rgba(151,187,205,0)", 
     pointColor: "rgba(0,0,0,0)" 
     }, 
     { 
     type: 'line', 
     label: 'Minimum MRR', 
     fill: false, 
     borderDash: [5, 5], 
     data: [42000, 42000, 42000, 42000, 42000, 42000, 42000, 42000, 42000, 42000, 42000, 42000] 
     } 
    ] 
    }; 

    Chart.defaults.line.pointDot = false; 

    var stackedChart = new Chart($("#ytdChart").get(0).getContext("2d"), { 
    type: 'bar', 
    data: ytdData, 
    options: { 
     legend: { 
     position: 'bottom' 
     }, 
     tooltips: { 
     mode: 'label' 
     }, 
     responsive: true, 
     scales: { 
     xAxes: [{ 
      stacked: true, 
      ticks: { 
      beginAtZero: true 
      } 
     }], 
     yAxes: [{ 
      stacked: false, 
      ticks: { 
      suggestedMax: 5, 
      beginAtZero: true, 
      callback: function(value) { 
       return Number(value).toFixed(0); 
      } 
      } 
     }] 
     } 
    } 
    }); 
+0

をこれが道でChart.js-2.0.0を使用しています – Jasper

答えて

関連する問題