使用CSS样式在AngularJS中创建图表

时间:2016-01-07 23:30:24

标签: css angularjs html5

我正在尝试使用angularJS在我的网络应用中创建图表。创建表格很简单,但在CSS中定义颜色样式并获取图表功能以使样式接缝不可能。我发现的最大问题是我必须在变量中定义条形颜色。使用CSS文件的唯一方法是在创建数据以构建表时从文件本身获取字符串。

我的HTML代码:

 <canvas class="col-md-12" tc-chartjs-bar chart-data="Data" chart-options="options" style="pointer-events: none"></canvas>

我的JS

 $scope.Data = {
            labels: [],
            datasets: [
              {
                  fillColor: 'rgba(250,233,239,1)',
                  description: 'Pendentes de Envio',
                  data: [123]
              },
              {
                  fillColor: 'rgba(236,164,191,1)',
                  data: [280]
              },
            {
                fillColor: 'rgba(226,96,155,1)',
                data: [128]
            },
            {
                fillColor: 'rgba(193,120,150,1)',
                data: [150]
            },
            {
                fillColor: 'rgba(229,202,216,1)',
                data: [321]
            }
            ],
            onClick: null
        };

我正在使用tc-chart,但它接缝等于所有这些。

任何人都可以帮助我吗?

0 个答案:

没有答案