Combo yığınlı çubuk grafikte pointDot seçeneği nasıl ayarlanır

Question

Üzerinde hem yığılmış çubuklar hem de çok satırlı grafikler bulunan bir grafik uygulamaya çalışıyorum. Hayatım boyunca, çizgi grafiklerdeki noktaları nasıl saklayacağımı anlayamıyorum. Chart.defaults'da, veri kümesinde, seçenekler de ayarlamaya çalıştım ama şans yok. Bence açılan çubuk/çizgi grafiği yapmak için, grafiği tip çubuk olarak tanımlamanız gerekir ki bu da pointDot parametresinin bir anlamı olmamasını sağlar. Herhangi bir fikir?

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); 
      } 
      } 
     }] 
     } 
    } 
    }); 

Answer 1

Sadece çok

gibi, hat veri kümeleri için 0 için pointRadius set

{ 
    type: 'line', 
    pointRadius: 0, 
    ... 

---

Fiddle - bu arada http://jsfiddle.net/w99o1eub/ Bu kullanıyor