Question

我有一个图表，当我点击每个栏时，它将相应地创建3个不同的图表，我有一个点击事件，它为我做，所以我需要在3个不同的div中的3个不同的图表，它的工作但是因为需求正在增加它成为一场噩梦，子图表也应该是可点击的，是否有合理的，可管理的方式这样做？像分层或什么？实际上我不专业是js，找不到任何相关的东西，我创造了一个非常简单的样本来让我的品脱更好：

HTML：

<div style="width:100%">
<div id="chart" style="width:30% ;float:left"></div>
<div id="chart2" style="width:35%;float:right"></div>
</div>

使用Javascript：

        $("#chart").kendoChart({
          series: [{
            data: [1, 2],
            color: function(point) {
              if (point.value > 1) {
                return "red";
              }

              // use the default series theme color
            }
          }],  
          seriesClick:seriesClick  
        });
          function seriesClick(){
          $("#chart2").kendoChart({
          series: [{
            data: [1, 2],
            color: function(point) {
              if (point.value > 1) {
                return "blue";
              }
            }
          }],  
        });

          }

这是实时样本：Demo

Answer 1

除非您尝试在JS中创建图表组件，否则您应该使用标准图表库来达到您的目的。这是一个免费但令人惊讶的。

https://www.chartjs.org/

如何向下钻取图表，点击

1 个答案: