В TeeChart для HTML5, как затемнить градиентную заливку на круговой диаграмме?

#html #teechart

#HTML #teechart

Вопрос:

Я оцениваю TeeChart для проекта, и цвета кажутся размытыми. Обратите внимание на разницу между темными, жирными цветами легенды и самой темной частью самой круговой диаграммы. Я включаю свой код ниже. Мне нравится внешний вид градиентной заливки, но как я могу заставить ее затемниться ближе к центру круга и полностью затемниться по краям?

введите описание изображения здесь

 function pie_draw(arChartValues, arChartLabels) {
    chart1=new Tee.Chart("pie_canvas");
    pieSeries=new Tee.Pie(arChartValues);
    pieSeries.data.labels=arChartLabels;
    chart1.addSeries(pieSeries);
    chart1.panel.format.gradient.colors=['white','#f0f9ff'];        
    chart1.panel.format.stroke.size=2;
    chart1.title.text="Learning Progress";
    chart1.title.format.font.fill = '#314d65';
    chart1.draw();
}
  

Ответ №1:

Я смог разобраться в этом достаточно, чтобы двигаться дальше. После некоторых экспериментов я закончил тем, что добавил следующую строку.

 pieSeries.format.gradient.stops=[0,0.15];